@font-face{font-family:Lexend Local;src:url(/fonts/lexend-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:light;--ink: #111111;--muted: #777777;--line: #e9e9e9;--soft: #f5f5f3;--paper: #ffffff;--accent: #ff5b19;--accent-soft: #fff0e8;--page: min(1180px, calc(100vw - 72px) );--case-page: min(1180px, calc(100vw - 72px) );--radius: 18px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Lexend Local,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-weight:380;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}::selection{background:#ffb18c;color:#111}.site-header{position:absolute;z-index:30;top:0;left:0;display:flex;width:100%;height:104px;align-items:center;justify-content:space-between;padding:0 42px}.site-header-project{position:relative;height:96px}.logo{position:relative;display:grid;width:78px;height:52px;place-content:center;transform:rotate(-2deg);font-size:16px;font-weight:680;letter-spacing:-.07em;line-height:.9}.logo:before,.logo:after{position:absolute;inset:10px 4px 8px;border:1.5px solid #111;content:""}.logo:after{inset:7px 8px 11px 1px;transform:rotate(3deg);opacity:.38}.logo span,.logo small{position:relative;z-index:1}.logo small{margin-top:4px;font-size:8px;font-weight:620;letter-spacing:.09em}.header-actions{display:flex;align-items:center;gap:8px}.resume-pill,.talk-pill,.header-back,.section-tag,.dark-inline-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-size:18px;font-weight:540;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.resume-pill{padding:4px 18px 4px 4px;border:1px solid #e7e7e7;background:#fff;box-shadow:0 5px 16px #0000000d}.avatar-orb{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff}.talk-pill{padding:0 22px;background:#2e2e2e;color:#fff}.header-back{min-height:38px;padding:0 14px;color:#555}.resume-pill:hover,.talk-pill:hover,.header-back:hover,.dark-inline-button:hover{transform:translateY(-2px)}.home-page{width:100%}.home-hero{display:grid;min-height:940px;place-items:center;padding:118px 24px 84px;overflow:hidden}.hero-collage{position:relative;width:720px;max-width:100%;height:410px;isolation:isolate}.hero-tile{position:absolute;z-index:7;display:grid;place-items:center;border-radius:10px}.hero-key{top:7px;left:24px;width:105px;height:105px;transform:rotate(-9deg);background:#303030;color:#fff;box-shadow:0 3px #fffffff2,0 10px 18px #00000017}.hero-key svg{width:53px;height:53px}.hero-doc{top:103px;left:-14px;width:96px;height:96px;transform:rotate(7deg);border:5px solid #d4d4d4;background:#fffffff7;box-shadow:0 3px 9px #0000000a}.hero-doc span{color:#050505;font-size:42px;font-weight:650;line-height:1}.hero-label{position:absolute;z-index:6;top:42px;left:286px;display:flex;min-width:286px;height:70px;align-items:center;justify-content:center;padding:0 26px;border:2px solid #d6d6d6;border-radius:999px;background:#fffffff7;color:#777;font-size:18px;font-weight:520;letter-spacing:-.035em}.hero-label-sparkle{position:absolute;z-index:8;color:#050505}.hero-label-sparkle-large{top:81px;left:596px;width:30px;height:30px;transform:rotate(10deg)}.hero-label-sparkle-small{top:64px;left:618px;width:19px;height:19px;transform:rotate(-10deg)}.hero-copy{position:absolute;z-index:5;top:147px;left:188px;width:530px}.hero-copy h1{margin:0;color:#050505;font-size:49px;font-weight:430;letter-spacing:-.075em;line-height:.97}.hero-copy h1 span{display:block;white-space:nowrap}.hero-copy h1 span+span{margin-top:5px}.hero-selection-motion{width:222px;height:66px;margin:15px 0 0 137px;will-change:transform}.hero-selection{position:relative;width:100%;height:100%;margin:0;display:grid;place-items:center;border:4px solid #2f67ff;background:#c4ddfb;color:#050505}.hero-selection strong{display:block;transform:translateY(-1px);font-size:49px;font-style:italic;font-weight:610;letter-spacing:-.075em;line-height:1;white-space:nowrap}.selection-handle{position:absolute;z-index:2;width:11px;height:11px;border:3px solid #2f67ff;background:#fff}.selection-handle-nw{top:-8px;left:-8px}.selection-handle-ne{top:-8px;right:-8px}.selection-handle-sw{bottom:-8px;left:-8px}.selection-handle-se{right:-8px;bottom:-8px}.hero-cursor-motion{position:absolute;top:154px;left:325px;will-change:transform}.hero-cursor{display:grid;grid-template-columns:34px auto;grid-template-rows:30px 35px;align-items:start}.hero-cursor svg{width:40px;height:40px;transform:rotate(-17deg);color:#4a77ff;filter:drop-shadow(0 2px 0 #fff)}.hero-cursor span{grid-column:2;grid-row:2;min-width:88px;padding:6px 13px 7px;border-radius:999px;background:#4a77ff;color:#fff;font-size:17px;font-weight:590;line-height:1.25;text-align:center}.hero-designer-sticker{position:absolute;z-index:4;bottom:-8px;left:-20px;width:280px;height:210px;object-fit:contain}.tool-palette{position:absolute;z-index:8;top:54px;right:-138px;display:grid;width:110px;height:183px;padding:20px 17px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);align-items:center;justify-items:center;gap:5px 14px;border-radius:11px;background:#303030;color:#fff;box-shadow:0 9px 22px #00000014}.tool-palette svg{width:31px;height:31px;transition:transform .18s ease,color .18s ease}.tool-palette svg:hover{transform:scale(1.14) rotate(-5deg);color:#a9c9ff}.hero-doodle-star{position:absolute;bottom:-54px;left:12px;width:33px;height:33px;transform:rotate(-14deg);color:#050505;stroke-width:3.5}.home-section{width:var(--page);margin:0 auto;padding:110px 0}.section-title-row{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.section-title-icon{display:grid;width:100px;height:100px;place-items:center;transform:rotate(-7deg);border:2px solid #171717;border-radius:20px 14px 22px 16px}.section-title-icon svg{width:46px;height:46px}.section-title-row h2{margin:0;font-size:31px;font-weight:600;letter-spacing:-.045em}.section-title-row p{margin:8px 0 0;color:#929292;font-size:18px;line-height:1.25}.section-tag{min-height:46px;padding:0 20px;background:#2d2d2d;color:#fff}.featured-section{padding-top:40px}.featured-grid{display:grid;margin-top:110px;grid-template-columns:repeat(3,1fr);gap:52px}.featured-card{display:block}.featured-image{position:relative;height:205px;overflow:hidden;border-radius:var(--radius);background:#eee}.featured-image:before{position:absolute;z-index:2;top:-14px;right:-18px;width:100px;height:34px;transform:rotate(9deg);border:3px solid #111;border-radius:50%;content:""}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.featured-image-aigc img{object-position:center}.featured-image-double11 img{object-position:51% center}.featured-image-happywind img{object-position:center}.featured-image span{position:absolute;z-index:3;bottom:12px;left:12px;padding:8px 11px;border-radius:8px;background:#ffffffeb;color:#555;font-size:13px}.featured-copy{position:relative;padding:20px 4px 0}.featured-copy h3{margin:0;font-size:27px;font-weight:560;letter-spacing:-.035em}.featured-copy p{margin:10px 42px 0 0;color:#888;font-size:14px;line-height:1.5}.featured-copy svg{position:absolute;top:23px;right:0;width:26px;height:26px;transition:transform .22s var(--ease)}.featured-card:hover img{transform:scale(1.045)}.featured-card:hover .featured-copy svg{transform:translate(3px,-3px)}.experience-section{padding-top:170px}.experience-showcase{display:grid;max-width:980px;margin:62px auto 0;grid-template-columns:1.08fr .92fr;align-items:center;gap:88px}.experience-primary{position:relative;height:216px;overflow:hidden;padding:28px;border-radius:22px;background:var(--accent);color:#fff}.experience-primary p{margin:0;font-size:16px}.experience-primary h3{margin:10px 0 0;font-size:26px;font-weight:570}.experience-primary>span{position:absolute;bottom:25px;left:28px;padding:8px 12px;border-radius:999px;background:#ffffff3b;font-size:14px}.ks-letter{position:absolute;right:22px;bottom:-36px;color:#ffffff26;font-size:150px;font-weight:700;line-height:1}.experience-mini-grid{display:grid;margin-top:12px;grid-template-columns:repeat(3,1fr);gap:10px}.experience-mini-grid article{min-height:112px;padding:14px;border-radius:14px;background:#f4f4f2}.experience-mini-grid span,.experience-mini-grid small{display:block;color:#aaa;font-size:7px;line-height:1.45}.experience-mini-grid strong{display:block;margin:20px 0 4px;font-size:9px;line-height:1.4}.experience-description{min-width:0}.experience-description p{margin:0 0 18px;color:#737373;font-size:14px;line-height:1.7}.experience-description p:first-child{color:#3a3a3a}.dark-inline-button{width:max-content;min-height:40px;margin-top:8px;padding:0 16px;background:#2d2d2d;color:#fff}.experience-section .section-title-icon{border:0;transform:none}.experience-section .section-title-icon svg{width:72px;height:72px}.about-section{display:grid;max-width:1020px;padding-top:170px;padding-bottom:170px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:94px}.about-profile-wrap{display:grid;place-items:center}.about-profile-card{width:340px;padding:18px 18px 16px;transform:rotate(-5deg);border-radius:34px;background:#fff;box-shadow:0 22px 60px #00000024}.about-profile-photo{position:relative;height:390px;overflow:hidden;border-radius:25px;background:#ececec}.about-profile-photo:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 32%,transparent 70%,rgba(0,0,0,.14));content:"";pointer-events:none}.about-profile-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}.about-profile-footer{display:grid;min-height:82px;padding:13px 6px 0;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.about-profile-footer>img{width:38px;height:38px;object-fit:cover;border-radius:50%}.about-profile-footer strong,.about-profile-footer small{display:block}.about-profile-footer strong{font-size:14px;font-weight:580}.about-profile-footer small{margin-top:3px;color:#888;font-size:12px}.about-profile-footer>a{display:inline-flex;min-height:44px;align-items:center;gap:6px;padding:0 15px;transform:rotate(-2deg);border-radius:13px;background:#111;color:#fff;font-size:14px;box-shadow:0 8px 14px #0000002e}.about-copy{position:relative}.about-copy h2{position:relative;z-index:1;margin:0;font-size:clamp(34px,3.4vw,50px);font-weight:420;letter-spacing:-.06em;line-height:1.42}.about-actions{display:flex;margin-top:52px;gap:12px}.about-resume-button{position:relative;display:inline-flex;width:178px;height:46px;align-items:center;justify-content:flex-end;padding:0 30px 0 0;border:1.4px solid #d0d0d0;border-radius:100px;background:#fff;color:#000;font-size:18px;font-weight:540;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.resume-icon-stack{position:absolute;top:50%;left:53px;width:86px;height:78px;transform:translate(-50%,-50%);pointer-events:none}.resume-stack-card{position:absolute;top:50%;left:50%;display:grid;place-items:center;overflow:hidden;border-radius:13px;color:#fff;line-height:1;box-shadow:0 3px 8px #00000026;transition:transform .46s cubic-bezier(.16,1,.3,1);will-change:transform}.resume-stack-k{z-index:4;width:77px;height:66px;transform:translate(-50%,-50%) translate(3px,-3px);background:#ff641f}.resume-stack-d{z-index:3;width:70px;height:70px;transform:translate(-50%,-50%) translate(-4px,-1px);border:1px solid #ddd;background:#fff}.resume-stack-b{z-index:2;width:86px;height:74px;transform:translate(-50%,-50%) translate(-8px,5px);background:#245cff}.resume-stack-y{z-index:1;width:70px;height:60px;transform:translate(-50%,-50%) translate(6px,6px);background:#080808}.resume-camera-mark{position:relative;width:43px;height:27px}.resume-camera-mark:before{position:absolute;top:2px;left:0;width:25px;height:19px;border:4px solid #fff;border-radius:10px;content:""}.resume-camera-mark:after{position:absolute;top:7px;right:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:13px solid #fff;content:""}.resume-dot-mark{position:relative;width:42px;height:42px}.resume-dot-mark i{position:absolute;width:21px;height:21px;border-radius:50%}.resume-dot-mark i:nth-child(1){top:0;left:0;background:#ff5548}.resume-dot-mark i:nth-child(2){top:0;right:0;background:#2f7cff}.resume-dot-mark i:nth-child(3){bottom:0;left:0;background:#24be6a}.resume-dot-mark i:nth-child(4){right:0;bottom:0;background:#8057e8}.resume-company-letter{font-size:34px;font-weight:750;letter-spacing:-.08em}.resume-company-ring{display:grid;width:40px;height:40px;place-items:center;border:3px solid #fff;border-radius:50%;font-size:20px;font-weight:700}.about-resume-label{position:relative;z-index:5;line-height:1.2}.about-resume-button small{position:absolute;top:calc(100% + 14px);left:100px;width:88px;transform:translateY(-5px) rotate(-6deg);transform-origin:left center;color:#111;font-size:14px;font-weight:460;line-height:1.08;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .4s cubic-bezier(.16,1,.3,1)}.about-resume-button:hover,.about-resume-button:focus-visible{border-color:#313131;background:#313131;color:#fff}.about-resume-button:hover .resume-stack-k,.about-resume-button:focus-visible .resume-stack-k{transform:translate(-50%,-50%) translate(-29px,-17px) rotate(-14deg)}.about-resume-button:hover .resume-stack-d,.about-resume-button:focus-visible .resume-stack-d{transform:translate(-50%,-50%) translate(19px,-12px) rotate(14deg)}.about-resume-button:hover .resume-stack-b,.about-resume-button:focus-visible .resume-stack-b{transform:translate(-50%,-50%) translate(-24px,20px) rotate(9deg)}.about-resume-button:hover .resume-stack-y,.about-resume-button:focus-visible .resume-stack-y{transform:translate(-50%,-50%) translate(17px,20px) rotate(12deg)}.about-resume-button:hover small,.about-resume-button:focus-visible small{transform:translateY(0) rotate(-6deg);opacity:1}.about-browser-sticker{position:absolute;z-index:4;top:-46px;right:-18px;display:grid;width:112px;height:72px;padding:16px 12px 10px;grid-template-columns:repeat(3,1fr);grid-template-rows:8px 1fr;gap:8px;transform:rotate(-3deg);border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 8px 18px #00000014}.about-browser-sticker>span{height:4px;border-radius:99px;background:#e7e7e7}.about-browser-sticker>span:first-child{background:#4a77ff}.about-browser-sticker svg{width:20px;height:20px}.about-browser-sticker i{align-self:end;width:30px;height:10px;border-radius:99px;background:#111}.about-tool-sticker{position:absolute;z-index:4;top:186px;left:45%;display:grid;width:48px;height:105px;place-items:center;transform:rotate(8deg);border-radius:10px;background:#fff;box-shadow:0 7px 18px #0000001a}.about-tool-sticker svg{width:32px;height:32px;color:#4a77ff}.principles-section{padding-top:170px}.principle-grid{display:grid;margin-top:52px;grid-template-columns:repeat(4,1fr);gap:12px}.principle-card{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.principle-card:nth-child(2){transform:translateY(18px)}.principle-card:nth-child(3){transform:translateY(-12px)}.principle-card svg{color:var(--accent)}.principle-card h3{margin:48px 0 0;font-size:20px;font-weight:570}.principle-card p{margin:13px 0 0;color:#777;font-size:14px;line-height:1.65}.gallery-section{padding-top:150px;padding-bottom:180px}.image-only-grid{display:grid;margin-top:60px;grid-template-columns:1.2fr .8fr .8fr 1.2fr;grid-auto-rows:260px;gap:14px}.gallery-image{overflow:hidden;border-radius:var(--radius);background:#eee}.gallery-image-1{grid-row:span 2}.gallery-image-2,.gallery-image-4{grid-column:span 2}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.gallery-image:hover img{transform:scale(1.04)}.contact-footer{display:flex;min-height:270px;align-items:end;justify-content:center;flex-wrap:wrap;gap:18px;padding:90px 32px 52px;background:#fff}.contact-group{display:inline-flex;gap:8px;padding:10px;border-radius:26px;background:#f1f1f1}.contact-group a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:17px;background:#fff;color:#555;font-size:17px;font-weight:470;transition:transform .18s ease,box-shadow .18s ease}.contact-group a:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.contact-group svg{width:22px;height:22px}.case-page{min-height:100dvh;background:#fff}.case-shell{width:var(--case-page);margin-right:auto;margin-left:auto}.case-lead{display:grid;min-height:700px;padding-top:78px;padding-bottom:90px;grid-template-columns:.86fr 1.14fr;align-items:center;gap:70px}.case-kicker,.case-section-title>p{margin:0;color:var(--accent);font-size:14px;font-weight:620;letter-spacing:.07em}.case-lead h1{max-width:620px;margin:22px 0 0;font-size:clamp(46px,5.4vw,78px);font-weight:490;letter-spacing:-.072em;line-height:1.05}.case-summary{max-width:580px;margin:28px 0 0;color:#6d6d6d;font-size:16px;line-height:1.75}.case-meta{display:flex;margin-top:30px;flex-wrap:wrap;gap:8px}.case-meta span{padding:9px 13px;border:1px solid #e4e4e4;border-radius:999px;color:#666;font-size:13px}.case-lead-visual{overflow:hidden;margin:0;border-radius:24px;background:#f2f2f2}.case-lead-visual img{width:100%;height:100%;object-fit:cover}.aigc-lead-visual{transform:rotate(1.3deg);border:9px solid #f1f1f1;box-shadow:0 22px 50px #0000001c}.aigc-lead-visual img{min-height:470px;object-fit:contain;background:#0d151b}.metric-strip{display:grid;margin-bottom:60px;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedede;border-bottom:1px solid #dedede}.metric-strip div{min-height:150px;padding:30px;border-right:1px solid #dedede}.metric-strip div:last-child{border-right:0}.metric-strip strong,.metric-strip span{display:block}.metric-strip strong{font-size:clamp(29px,3.6vw,50px);font-weight:500;letter-spacing:-.055em}.metric-strip span{margin-top:13px;color:#888;font-size:14px}.case-section{padding-top:150px;padding-bottom:150px}.case-section-title{max-width:720px;margin-bottom:70px}.case-section-title h2{margin:17px 0 0;font-size:clamp(40px,4.8vw,66px);font-weight:490;letter-spacing:-.065em;line-height:1.08}.case-section-title>span{display:block;max-width:660px;margin-top:22px;color:#777;font-size:16px;line-height:1.75}.research-section{padding-top:120px}.research-orbit{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:70px}.orbit-rings{position:relative;aspect-ratio:1.25 / 1}.ring{position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);border:1px solid #d8d8d8;border-radius:50%}.ring-one{width:30%;aspect-ratio:1}.ring-two{width:56%;aspect-ratio:1}.ring-three{width:82%;aspect-ratio:1}.orbit-center{position:absolute;z-index:2;top:50%;left:52%;display:grid;width:18%;aspect-ratio:1;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#f4f4f2;font-size:14px}.orbit-point{position:absolute;z-index:3;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#111;box-shadow:0 0 0 1px #111}.orbit-point:before{position:absolute;top:6px;width:100px;border-top:1px dashed #777;content:""}.orbit-point span{position:absolute;width:max-content;color:#333;font-size:13px;font-style:normal}.orbit-point-1{top:43%;left:47%}.orbit-point-1:before{right:8px}.orbit-point-1 span{right:118px;top:-8px}.orbit-point-2{top:37%;right:28%}.orbit-point-2:before{left:8px}.orbit-point-2 span{left:118px;top:-8px}.orbit-point-3{bottom:22%;left:31%}.orbit-point-3:before{right:8px;width:72px}.orbit-point-3 span{right:88px;top:-8px}.orbit-point-4{right:10%;bottom:9%}.orbit-point-4:before{left:8px;width:55px}.orbit-point-4 span{left:72px;top:-8px}.research-list{display:grid;gap:30px}.research-list>div{display:flex;align-items:start;gap:18px}.research-list strong{width:38px;color:#aaa;font-size:14px}.research-list span{font-size:18px;font-weight:560}.research-list small{display:block;margin-top:7px;color:#777;font-size:14px;font-weight:380;line-height:1.5}.case-statement{padding:165px max(36px,calc((100vw - 900px)/2));background:#111;color:#fff}.case-statement p{margin:0 0 25px;color:var(--accent);font-size:14px}.case-statement h2{margin:0;font-size:clamp(38px,5vw,68px);font-weight:450;letter-spacing:-.06em;line-height:1.25}.old-toolchain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.toolchain-item{position:relative;min-height:130px;padding:23px;border:1px solid #dfdfdf;border-radius:var(--radius)}.toolchain-item>span{display:block;color:#999;font-size:13px}.toolchain-item strong{display:block;margin-top:38px;font-size:16px}.toolchain-item svg{position:absolute;z-index:2;top:55px;right:-17px;padding:4px;border-radius:50%;background:#fff}.problem-grid{display:grid;margin-top:90px;grid-template-columns:repeat(4,1fr);gap:28px}.problem-grid article{padding-top:22px;border-top:2px solid #111}.problem-grid span{color:var(--accent);font-size:13px}.problem-grid h3{margin:30px 0 0;font-size:22px;font-weight:560}.problem-grid p{margin:12px 0 0;color:#666;font-size:15px;line-height:1.7}.workflow-section{overflow:hidden}.workflow-decisions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #151515}.workflow-decisions article{min-height:270px;padding:28px 30px 38px 0;border-bottom:1px solid #d8d8d8}.workflow-decisions article:nth-child(3n+2),.workflow-decisions article:nth-child(3n+3){padding-left:30px;border-left:1px solid #e3e3e3}.workflow-decisions header{display:flex;align-items:baseline;gap:18px}.workflow-decisions header span{color:var(--accent);font-size:13px}.workflow-decisions h3{margin:0;font-size:24px;font-weight:540;letter-spacing:-.035em}.workflow-decisions p{margin:34px 0 0;color:#222;font-size:15px;line-height:1.65}.workflow-decisions p+p{margin-top:22px;color:#666}.workflow-decisions small{display:block;margin-bottom:7px;color:#999;font-size:12px;letter-spacing:.04em}.interface-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.interface-pair figure,.full-interface{overflow:hidden;margin:0;border-radius:var(--radius);background:#0a1116}.interface-pair img{width:100%;aspect-ratio:1.115 / 1;object-fit:cover}.interface-pair figcaption{display:grid;gap:6px;padding:22px;background:#10171c;color:#fff}.interface-pair figcaption strong{font-size:16px}.interface-pair figcaption span{color:#788188;font-size:14px;line-height:1.5}.full-interface{margin-top:80px;background:#0a1116}.full-interface img{width:100%;max-height:760px;object-fit:contain}.full-interface figcaption{padding:24px;color:#fff;font-size:15px;text-align:center}.evaluation-section{padding-bottom:200px}.evaluation-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px}.evaluation-matrix{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evaluation-matrix>div{min-height:190px;padding:24px;border:1px solid #e2e2e2;border-radius:var(--radius)}.evaluation-matrix svg{color:var(--accent)}.evaluation-matrix strong{display:block;margin-top:42px;font-size:18px}.evaluation-matrix p{margin:11px 0 0;color:#666;font-size:14px;line-height:1.65}.result-stack{display:grid;align-content:start;gap:1px}.result-stack article{padding:24px 0;border-bottom:1px solid #ddd}.result-stack strong,.result-stack span{display:block}.result-stack strong{font-size:34px;font-weight:510;letter-spacing:-.05em}.result-stack span{margin-top:9px;color:#666;font-size:14px;line-height:1.5}.result-stack small{margin-top:22px;color:#888;font-size:13px;line-height:1.65}.double11-hero-art{position:relative;min-height:540px}.double11-cover{width:100%;height:460px;object-fit:cover;border-radius:24px}.double11-phone{position:absolute;right:7%;bottom:-10px;width:170px;transform:rotate(5deg);filter:drop-shadow(0 22px 25px rgba(57,20,25,.22))}.rules-section{padding-top:120px}.rules-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px}.rule-stack{position:relative;display:flex;min-height:320px;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px;padding:42px 0;border-top:1px solid #222;border-bottom:1px solid #d8d8d8}.rule-stack>span{display:inline-flex;min-height:48px;align-items:center;padding:9px 17px;transform:rotate(calc((var(--index) - 3) * .7deg));border:1px solid #d6d0e8;border-radius:999px;background:#fff;color:#574d79;font-size:14px}.rule-outcome{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;margin-top:22px;color:#5a4a80;font-size:15px}.rules-copy p{margin:0;color:#5f5f5f;font-size:16px;line-height:1.8}.rules-copy blockquote{margin:35px 0 0;padding-left:24px;border-left:3px solid var(--accent);font-size:23px;font-weight:470;letter-spacing:-.04em;line-height:1.5}.matrix-section{background:#fff}.state-decisions{border-top:1px solid #151515}.state-decisions article{display:grid;min-height:132px;grid-template-columns:58px .62fr 1.25fr .7fr;align-items:center;gap:26px;border-bottom:1px solid #dedede}.state-decisions>article>span{color:#aaa;font-size:13px}.state-decisions div small,.state-decisions p small{display:block;margin-bottom:8px;color:#999;font-size:12px;font-weight:400}.state-decisions div strong{font-size:22px;font-weight:550}.state-decisions p{margin:0;color:#555;font-size:15px;line-height:1.55}.state-decisions .state-action{color:var(--accent);font-weight:590}.conversion-path{display:grid;grid-template-columns:repeat(6,1fr)}.conversion-path>div{position:relative;text-align:center}.conversion-path i{position:relative;z-index:2;display:grid;width:40px;height:40px;margin:0 auto;place-items:center;border:1px solid #222;border-radius:50%;background:#fff;font-size:13px;font-style:normal}.conversion-path strong{display:block;margin-top:15px;font-size:14px}.conversion-path>div>span{position:absolute;top:16px;left:calc(50% + 17px);width:calc(100% - 34px);border-top:1px solid #222}.conversion-detail{display:grid;max-width:900px;margin:120px auto 0;grid-template-columns:.72fr 1.28fr;align-items:center;gap:90px}.conversion-detail figure{display:grid;margin:0;place-items:center}.conversion-detail figure img{width:230px;filter:drop-shadow(0 28px 25px rgba(80,40,40,.18))}.conversion-detail h3{margin:0;font-size:clamp(31px,3.8vw,50px);font-weight:490;letter-spacing:-.06em;line-height:1.18}.conversion-detail p{margin:25px 0 0;color:#666;font-size:16px;line-height:1.75}.conversion-detail ul{display:grid;margin:28px 0 0;padding:0;gap:12px;list-style:none}.conversion-detail li{display:flex;align-items:center;gap:10px;color:#555;font-size:15px}.conversion-detail li svg{color:var(--accent)}.cadence-section{background:#fff}.cadence-line{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #151515}.cadence-line article{position:relative;min-height:190px;padding:30px 24px 0 0}.cadence-line article+article{padding-left:24px;border-left:1px solid #e1e1e1}.cadence-line article:before{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#151515;content:""}.cadence-line article+article:before{left:24px}.cadence-line span{color:#999;font-size:13px}.cadence-line h3{margin:48px 0 0;font-size:18px}.cadence-line p{margin:10px 0 0;color:#666;font-size:14px;line-height:1.6}.double-results{display:grid;margin-top:80px;padding-top:34px;grid-template-columns:.65fr 1fr 1.35fr;gap:50px;align-items:end;border-top:1px solid #d8d8d8}.double-results strong,.double-results span{display:block}.double-results strong{font-size:38px;font-weight:510;letter-spacing:-.05em}.double-results span{margin-top:9px;color:#777;font-size:14px}.double-results p{margin:0;color:#555;font-size:16px;line-height:1.75}.happywind-lead-visual{height:530px}.happywind-lead-visual img{object-position:center}.lifecycle{position:relative;display:grid;padding-bottom:96px;grid-template-columns:repeat(3,1fr);gap:48px}.lifecycle article{position:relative;min-height:250px;padding-top:28px;border-top:1px solid #151515}.lifecycle article:before{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);content:""}.lifecycle article span{color:var(--accent);font-size:13px}.lifecycle article h3{margin:62px 0 0;font-size:24px;font-weight:520}.lifecycle article p{margin:10px 0 0;color:#333;font-size:17px;line-height:1.55}.lifecycle article small{display:block;max-width:300px;margin-top:22px;color:#777;font-size:14px;line-height:1.65}.lifecycle-duration{position:absolute;right:0;bottom:24px;display:flex;align-items:baseline;gap:14px;padding-top:16px;border-top:1px solid #d6d6d6}.lifecycle-duration strong{font-size:28px;font-weight:520;letter-spacing:-.04em}.lifecycle-duration span{color:#888;font-size:13px}.wind-visual-break{width:100%;height:620px;overflow:hidden}.wind-visual-break img{width:100%;height:100%;object-fit:cover;object-position:center}.module-section{padding-top:170px}.module-layout{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}.module-map{position:relative;min-height:650px}.module-map:before,.module-map:after{position:absolute;top:50%;left:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #ddd;border-radius:50%;content:""}.module-map:after{width:34%}.module-center{position:absolute;z-index:4;top:50%;left:50%;display:grid;width:190px;height:190px;place-items:center;align-content:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);color:#fff;text-align:center;box-shadow:0 18px 50px #ff5b1942}.module-center strong{margin-top:10px;font-size:17px}.module-center span{width:140px;margin-top:7px;color:#ffffffc7;font-size:13px;line-height:1.45}.module-node{position:absolute;z-index:5;display:flex;min-width:128px;min-height:48px;align-items:center;gap:9px;padding:0 15px;border:1px solid #dedede;border-radius:999px;background:#fff;font-size:14px;box-shadow:0 8px 22px #0000000f}.module-node i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.module-node-1{top:9%;left:39%}.module-node-2{top:27%;right:0}.module-node-3{right:5%;bottom:22%}.module-node-4{bottom:6%;left:39%}.module-node-5{bottom:22%;left:0}.module-node-6{top:27%;left:3%}.module-notes{display:grid;gap:32px}.module-notes article{padding-top:20px;border-top:1px solid #d8d8d8}.module-notes span{color:var(--accent);font-size:13px}.module-notes h3{margin:22px 0 0;font-size:22px}.module-notes p{margin:10px 0 0;color:#666;font-size:15px;line-height:1.65}.status-section{background:#fff}.status-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #151515;border-bottom:1px solid #d8d8d8}.status-flow>div{position:relative;min-height:125px;padding:24px 18px 22px 0}.status-flow>div+div{padding-left:18px;border-left:1px solid #e1e1e1}.status-flow span{color:#999;font-size:13px}.status-flow strong{display:block;margin-top:36px;font-size:18px}.status-flow svg{position:absolute;z-index:3;top:56px;right:-11px;padding:3px;border-radius:50%;background:#fff}.status-flow .status-exception{color:#8b3212}.status-flow .status-exception:after{position:absolute;right:18px;bottom:-1px;left:18px;border-bottom:2px solid var(--accent);content:""}.status-principles{display:grid;margin-top:70px;grid-template-columns:repeat(3,1fr);gap:45px}.status-principles article{padding-top:22px;border-top:2px solid #111}.status-principles strong{font-size:18px}.status-principles p{margin:12px 0 0;color:#666;font-size:15px;line-height:1.65}.visual-system-section{padding-bottom:200px}.visual-fragments{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:260px 260px;gap:16px}.visual-fragments figure{overflow:hidden;margin:0;border-radius:var(--radius)}.visual-fragments img{width:100%;height:100%;object-fit:cover}.fragment-wide{grid-row:span 2}.fragment-wide img{object-position:center}.fragment-left img{object-position:left center;transform:scale(1.5)}.fragment-right img{object-position:right center;transform:scale(1.5)}.wind-results{display:grid;margin-top:90px;grid-template-columns:repeat(3,1fr);gap:28px}.wind-results article{padding-top:25px;border-top:1px solid #ccc}.wind-results strong{font-size:39px;font-weight:500;letter-spacing:-.05em}.wind-results p{margin:14px 0 0;color:#666;font-size:15px;line-height:1.65}.next-project{background:#111;color:#fff}.next-project a{display:grid;width:var(--case-page);min-height:280px;margin:0 auto;grid-template-columns:1fr auto;align-content:center;align-items:center}.next-project span{grid-column:1 / -1;margin-bottom:18px;color:var(--accent);font-size:14px}.next-project strong{font-size:clamp(36px,5vw,68px);font-weight:460;letter-spacing:-.06em}.next-project svg{transition:transform .22s var(--ease)}.next-project a:hover svg{transform:translate(4px,-4px)}.not-found{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:28px}.not-found h1{margin:0;font-size:40px;font-weight:500}@media(max-width:1000px){:root{--page: min(900px, calc(100vw - 48px) );--case-page: min(900px, calc(100vw - 48px) )}.home-hero{min-height:820px}.tool-palette{right:-90px}.featured-grid{gap:22px}.featured-image{height:180px}.experience-showcase,.about-section{gap:48px}.about-profile-card{width:310px}.principle-grid,.image-only-grid{grid-template-columns:1fr 1fr}.gallery-image-1{grid-row:auto}.gallery-image-2,.gallery-image-4{grid-column:auto}.case-lead{min-height:620px;grid-template-columns:1fr;gap:55px}.case-lead-copy{max-width:760px}.case-lead-visual,.double11-hero-art{width:100%}.research-orbit{grid-template-columns:1fr}.orbit-rings{max-width:720px;width:100%;margin:0 auto}.research-list{grid-template-columns:1fr 1fr}.old-toolchain{grid-template-columns:repeat(3,1fr)}.problem-grid{grid-template-columns:1fr 1fr}.rules-layout,.module-layout{grid-template-columns:1fr}.rule-stack{min-height:320px}.module-map{max-width:690px;width:100%;margin:0 auto}.status-flow{grid-template-columns:repeat(3,1fr)}.status-flow svg{display:none}}@media(max-width:720px){:root{--page: calc(100vw - 32px) ;--case-page: calc(100vw - 32px) ;--radius: 15px}.site-header,.site-header-project{height:80px;padding:0 16px}.site-header-project .resume-pill{display:none}.logo{width:67px;height:48px}.header-back{display:none}.resume-pill,.talk-pill{min-height:38px;font-size:9px}.avatar-orb{width:30px;height:30px}.home-hero{min-height:720px;padding:104px 0 60px}.hero-collage{width:720px;max-width:none;height:410px;transform:translate(calc((100vw - 720px)/2)) scale(.74);transform-origin:center center}.tool-palette{right:-90px}.home-section{padding:84px 0}.featured-section{padding-top:10px}.section-title-row{grid-template-columns:auto 1fr}.section-title-row>.section-tag{display:none}.section-title-icon{width:44px;height:44px}.section-title-row h2{font-size:21px}.featured-grid{margin-top:55px;grid-template-columns:1fr;gap:48px}.featured-image{height:220px}.experience-section{padding-top:120px}.experience-showcase{margin-top:45px;grid-template-columns:1fr;gap:42px}.about-section{grid-template-columns:1fr;gap:84px}.about-profile-card{width:min(340px,88vw)}.about-copy{width:min(560px,100%);margin:0 auto}.about-copy h2{font-size:34px}.about-browser-sticker{right:0}.about-tool-sticker{top:150px}.principle-grid{grid-template-columns:1fr}.principle-card:nth-child(2),.principle-card:nth-child(3){transform:none}.principle-card{min-height:180px}.principle-card h3{margin-top:38px}.image-only-grid{grid-auto-rows:210px}.contact-footer{min-height:230px;align-items:center;flex-direction:column;padding:70px 16px 36px}.contact-group{width:min(480px,100%)}.contact-group a{flex:1;font-size:14px}.case-lead{padding-top:60px;padding-bottom:70px}.case-lead h1{font-size:43px}.case-summary{font-size:12px}.case-meta span{font-size:7px}.aigc-lead-visual img{min-height:280px}.metric-strip{grid-template-columns:1fr}.metric-strip div{min-height:110px;border-right:0;border-bottom:1px solid #dedede}.metric-strip div:last-child{border-bottom:0}.case-section{padding-top:100px;padding-bottom:100px}.case-section-title{margin-bottom:48px}.case-section-title h2{font-size:39px}.research-orbit{gap:30px}.orbit-rings{aspect-ratio:1 / 1;transform:scale(.95)}.orbit-point span{font-size:8px}.research-list{grid-template-columns:1fr}.case-statement{padding:110px 24px}.case-statement h2{font-size:35px}.old-toolchain{grid-template-columns:1fr}.toolchain-item{min-height:95px}.toolchain-item strong{margin-top:22px}.toolchain-item svg{display:none}.problem-grid{margin-top:60px;grid-template-columns:1fr}.workflow-decisions{grid-template-columns:1fr}.workflow-decisions article,.workflow-decisions article:nth-child(3n+2),.workflow-decisions article:nth-child(3n+3){min-height:0;padding:24px 0 32px;border-left:0}.interface-pair{grid-template-columns:1fr}.full-interface{margin-top:30px}.evaluation-layout,.evaluation-matrix{grid-template-columns:1fr}.evaluation-layout{gap:45px}.double11-hero-art{min-height:380px}.double11-cover{height:330px}.double11-phone{right:4%;width:125px}.rule-stack{padding:28px 18px}.rules-copy blockquote{font-size:19px}.state-decisions article{min-height:0;padding:24px 0;grid-template-columns:38px 1fr;gap:18px 12px}.state-decisions article>p{grid-column:2}.conversion-path{grid-template-columns:repeat(3,1fr);gap:40px 0}.conversion-path>div:nth-child(3)>span{display:none}.conversion-detail{margin-top:90px;grid-template-columns:1fr;gap:50px}.cadence-line{grid-template-columns:1fr}.cadence-line article,.cadence-line article+article{min-height:0;padding:26px 0 30px;border-left:0;border-bottom:1px solid #e1e1e1}.cadence-line article+article:before{left:0}.cadence-line h3{margin-top:26px}.double-results{grid-template-columns:1fr;gap:38px}.happywind-lead-visual{height:330px}.lifecycle{grid-template-columns:1fr;padding-bottom:110px;gap:42px}.lifecycle article{min-height:0}.lifecycle article h3{margin-top:42px}.wind-visual-break{height:340px}.module-map{min-height:480px;transform:scale(.9)}.module-center{width:145px;height:145px}.module-node{min-width:92px;padding:0 10px}.module-node-2{right:-3%}.module-node-3{right:-1%}.module-node-5{left:-3%}.module-node-6{left:-2%}.status-flow{grid-template-columns:1fr 1fr}.status-principles{grid-template-columns:1fr}.visual-fragments{grid-template-columns:1fr;grid-template-rows:280px 190px 190px}.fragment-wide{grid-row:auto}.wind-results{grid-template-columns:1fr}.next-project a{min-height:230px}.next-project strong{font-size:38px}}@media(max-width:430px){.home-hero{min-height:630px;padding:88px 0 28px}.hero-collage{width:720px;max-width:none;height:410px;transform:translate(calc((100vw - 720px)/2)) scale(.46);transform-origin:center center}.resume-pill,.talk-pill{font-size:13px}.tool-palette{right:-40px}.section-title-icon{width:40px;height:40px}.featured-image{height:195px}.experience-mini-grid{grid-template-columns:1fr}.experience-mini-grid article{min-height:90px}.experience-mini-grid strong{margin-top:12px}.image-only-grid{grid-template-columns:1fr}.case-lead h1{font-size:38px}.case-section-title h2{font-size:35px}.orbit-point-1 span{right:85px}.orbit-point-1:before{width:68px}.orbit-point-2 span{left:82px}.orbit-point-2:before{width:66px}.orbit-point-3 span{right:62px}.orbit-point-3:before{width:48px}.orbit-point-4 span{left:50px}.orbit-point-4:before{width:34px}.module-map{left:50%;width:420px;transform:translate(-50%) scale(.78)}}@media(prefers-reduced-motion:reduce){.experience-media-track{animation:none}.about-resume-button:hover .resume-stack-k,.about-resume-button:focus-visible .resume-stack-k{transform:translate(-50%,-50%) translate(3px,-3px)}.about-resume-button:hover .resume-stack-d,.about-resume-button:focus-visible .resume-stack-d{transform:translate(-50%,-50%) translate(-4px,-1px)}.about-resume-button:hover .resume-stack-b,.about-resume-button:focus-visible .resume-stack-b{transform:translate(-50%,-50%) translate(-8px,5px)}.about-resume-button:hover .resume-stack-y,.about-resume-button:focus-visible .resume-stack-y{transform:translate(-50%,-50%) translate(6px,6px)}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:430px){.hero-collage{width:720px;max-width:none}.module-map{left:auto;width:100%;transform:none}.module-center{width:128px;height:128px}.module-node{min-width:78px;min-height:38px;padding:0 8px;font-size:8px}.module-node-1{top:10%;left:36%}.module-node-2{top:27%;right:0}.module-node-3{right:0;bottom:23%}.module-node-4{bottom:7%;left:36%}.module-node-5{bottom:23%;left:0}.module-node-6{top:27%;left:0}.fragment-left img,.fragment-right img{transform:none}.visual-fragments figure{overflow:clip}}@media(max-width:430px){.orbit-point-4 span{left:38px}.orbit-point-4:before{width:24px}}.experience-primary{background:var(--experience-accent, var(--accent))}.experience-mark{position:absolute;right:22px;bottom:-36px;color:#ffffff29;font-size:150px;font-weight:700;line-height:1}.experience-mini-grid button{position:relative;min-height:112px;overflow:hidden;padding:14px;border:0;border-radius:14px;background:#f4f4f2;color:#111;text-align:left;cursor:pointer;transition:transform .26s var(--ease),background .26s ease,color .26s ease,box-shadow .26s ease}.experience-mini-grid button span,.experience-mini-grid button small{display:block;color:#aaa;font-size:12px;line-height:1.45;transition:color .22s ease}.experience-mini-grid button strong{position:relative;z-index:2;display:block;margin:14px 0 4px;font-size:15px;line-height:1.4}.experience-mini-grid button i{position:absolute;right:7px;bottom:-13px;color:#0000000f;font-size:56px;font-style:normal;font-weight:700}.experience-mini-grid button:hover,.experience-mini-grid button:focus-visible{z-index:3;transform:translateY(-7px) rotate(-4deg) scale(1.04);background:var(--experience-accent);color:#fff;box-shadow:0 16px 28px color-mix(in srgb,var(--experience-accent) 24%,transparent)}.experience-mini-grid button:hover span,.experience-mini-grid button:hover small,.experience-mini-grid button:focus-visible span,.experience-mini-grid button:focus-visible small{color:#ffffffb8}.experience-media{width:100%;height:112px;margin:24px 0 0;overflow:hidden;border-radius:14px;background:#f6f6f6}.experience-media-track{display:flex;width:max-content;height:100%;animation:experience-marquee 16s linear infinite;will-change:transform}.experience-media-group{display:flex;height:100%;gap:8px;padding-right:8px}.experience-media img{flex:0 0 146px;width:146px;height:100%;object-fit:cover;border-radius:10px}.experience-media:hover .experience-media-track{animation-play-state:paused}.experience-description>.dark-inline-button{margin-top:26px}@keyframes experience-marquee{to{transform:translate(-50%)}}.gallery-image button{position:relative;width:100%;height:100%;overflow:hidden;padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-image button>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.gallery-image button>span{position:absolute;right:14px;bottom:14px;left:14px;display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;transform:translateY(12px);border-radius:12px;background:#ffffffeb;color:#222;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .22s ease,transform .22s var(--ease)}.gallery-image button>span strong{font-size:14px;font-weight:560}.gallery-image button:hover>img{transform:scale(1.04)}.gallery-image button:hover>span,.gallery-image button:focus-visible>span{transform:translateY(0);opacity:1}.gallery-lightbox{position:fixed;z-index:100;inset:0;display:grid;padding:42px 90px;place-items:center;background:#111111f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gallery-lightbox figure{display:grid;width:min(1120px,82vw);height:min(78vh,780px);margin:0;grid-template-rows:1fr auto;overflow:hidden;border-radius:20px;background:#fff}.gallery-lightbox figure img{width:100%;height:100%;min-height:0;object-fit:contain;background:#191919}.gallery-lightbox figcaption{display:flex;min-height:66px;align-items:center;justify-content:space-between;padding:0 22px}.gallery-lightbox figcaption strong{font-size:16px}.gallery-lightbox figcaption span{color:#999;font-size:14px}.lightbox-close,.lightbox-nav{position:absolute;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff17;color:#fff;cursor:pointer}.lightbox-close{top:28px;right:30px}.lightbox-prev{top:50%;left:28px}.lightbox-next{top:50%;right:28px}.lightbox-close:hover,.lightbox-nav:hover{background:#fff;color:#111}.resume-page{min-height:100dvh;background:#fff}.resume-shell{width:min(980px,calc(100vw - 72px));margin:0 auto;padding:65px 0 190px}.resume-profile{display:grid;min-height:240px;grid-template-columns:70px 1fr auto;align-items:start;gap:24px}.resume-avatar{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:650;box-shadow:0 10px 26px #ff5b1938}.resume-profile h1{margin:4px 0 0;font-size:32px;font-weight:590;letter-spacing:-.05em}.resume-profile p{margin:8px 0 0;color:#555;font-size:16px}.resume-profile-links{display:flex;margin-top:16px;flex-wrap:wrap;gap:18px;color:#777;font-size:14px}.resume-profile-links a:hover{color:var(--accent)}.resume-download{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:0 20px;border-radius:999px;background:#2d2d2d;color:#fff;font-size:15px}.resume-section{display:grid;padding:55px 0;grid-template-columns:150px 1fr;gap:28px}.resume-section>h2{margin:4px 0 0;color:#777;font-size:16px;font-weight:480}.resume-intro-section{padding-top:30px}.resume-intro-section .resume-section-content>p{max-width:760px;margin:0;font-size:18px;line-height:1.9;letter-spacing:-.015em}.resume-education{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 22px}.resume-education strong{font-size:16px}.resume-education span{grid-row:2;color:#777;font-size:15px}.resume-education small{grid-column:2;grid-row:1 / span 2;color:#777;font-size:14px}.resume-experience-list{display:grid}.resume-experience-list article{border-bottom:1px solid #ececec}.resume-experience-list article:first-child{border-top:1px solid #ececec}.resume-experience-list article>button{display:grid;width:100%;min-height:104px;padding:19px 4px;grid-template-columns:44px 1fr auto;align-items:center;gap:18px;border:0;background:transparent;text-align:left;cursor:pointer}.resume-company-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#fff;font-size:16px;font-weight:650}.resume-job-title strong,.resume-job-title i,.resume-job-title small{display:block}.resume-job-title strong{font-size:16px}.resume-job-title i{margin-top:5px;font-size:16px;font-style:normal;font-weight:540}.resume-job-title small{margin-top:9px;color:#777;font-size:14px}.resume-experience-list article>button>svg{color:#aaa;transition:transform .22s ease}.resume-experience-list article>button:hover>svg{transform:rotate(90deg);color:#111}.resume-job-detail{overflow:hidden;padding:0 4px 24px 62px}.resume-job-detail>p{max-width:720px;margin:0 0 12px;color:#555;font-size:14px;line-height:1.75}.resume-job-detail>div{display:grid;max-width:480px;height:90px;margin-top:18px;grid-template-columns:repeat(3,1fr);gap:8px}.resume-job-detail img{width:100%;height:100%;object-fit:cover;border-radius:9px}.resume-project-list{display:grid;gap:9px}.resume-project-list a{display:grid;min-height:108px;padding:13px;grid-template-columns:118px 1fr auto;align-items:center;gap:20px;border-radius:14px;background:#f6f6f4;transition:transform .22s var(--ease),background .22s ease}.resume-project-list a:hover{transform:translate(5px);background:var(--accent-soft)}.resume-project-list img{width:118px;height:80px;object-fit:cover;border-radius:10px}.resume-project-list strong,.resume-project-list small{display:block}.resume-project-list strong{font-size:16px}.resume-project-list small{margin-top:8px;color:#777;font-size:14px;line-height:1.5}.resume-toolbox{display:flex;flex-wrap:wrap;gap:9px}.resume-toolbox span{padding:11px 15px;border:1px solid #e1e1e1;border-radius:999px;color:#555;font-size:14px}.resume-endnote{display:flex;margin:90px 0 0 178px;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid #ddd}.resume-endnote>span{color:#888;font-size:14px}.resume-endnote a{display:inline-flex;align-items:center;gap:8px;color:#444;font-size:15px}@media(max-width:720px){.experience-media{height:92px}.experience-media img{flex-basis:128px;width:128px}.experience-mini-grid button{min-height:96px}.gallery-image button>span{transform:none;opacity:1}.gallery-lightbox{padding:70px 16px 30px}.gallery-lightbox figure{width:100%;height:min(70vh,620px)}.lightbox-prev{top:auto;bottom:20px;left:calc(50% - 58px)}.lightbox-next{top:auto;right:calc(50% - 58px);bottom:20px}.lightbox-close{top:16px;right:16px}.resume-shell{width:calc(100vw - 32px);padding-top:35px;padding-bottom:110px}.resume-profile{min-height:250px;grid-template-columns:56px 1fr}.resume-avatar{width:52px;height:52px}.resume-profile .resume-download{grid-column:1 / -1;width:max-content}.resume-section{grid-template-columns:1fr;padding:42px 0;gap:22px}.resume-section>h2{color:var(--accent)}.resume-intro-section .resume-section-content>p{font-size:13px}.resume-job-detail{padding-left:0}.resume-project-list a{grid-template-columns:90px 1fr auto;gap:12px}.resume-project-list img{width:90px;height:68px}.resume-endnote{margin-left:0}}.resume-pill svg,.talk-pill svg,.header-back svg,.dark-inline-button svg{width:20px;height:20px}.principle-card>svg{width:30px;height:30px}.gallery-image button>span svg{width:22px;height:22px}.resume-experience-list article>button>svg,.resume-project-list svg{width:24px;height:24px}@media(max-width:720px){.resume-pill,.talk-pill{min-height:42px;font-size:14px}.section-title-icon{width:72px;height:72px;border-radius:17px 12px 18px 13px}.section-title-icon svg{width:34px;height:34px}.section-title-row h2{font-size:27px}.section-title-row p{font-size:15px}.featured-copy h3{font-size:24px}.featured-copy p{font-size:14px}.experience-primary p{font-size:15px}.experience-primary h3{font-size:23px}.experience-primary>span{font-size:13px}.experience-description p{font-size:15px}.principle-card h3{font-size:19px}.principle-card p{font-size:15px}.case-summary,.case-section-title>span{font-size:16px}.case-meta span{font-size:12px}.resume-profile p{font-size:15px}.resume-profile-links{font-size:13px}.resume-section>h2{font-size:16px}.resume-intro-section .resume-section-content>p{font-size:17px}.resume-job-detail>p,.resume-project-list small,.resume-toolbox span{font-size:14px}}@media(max-width:430px){.section-title-icon{width:64px;height:64px}.section-title-icon svg{width:30px;height:30px}.section-title-row{gap:18px}.section-title-row h2{font-size:25px}.section-title-row p{font-size:14px}.about-profile-card{width:min(320px,82vw);transform:rotate(-3deg)}.about-copy h2{font-size:29px;line-height:1.5}.about-actions{margin-top:38px}.about-browser-sticker{top:-54px;transform:scale(.8) rotate(-3deg)}.about-tool-sticker{top:112px;left:60%;transform:scale(.82) rotate(8deg)}.contact-group{flex-direction:column;border-radius:22px}.contact-group a{width:100%}.experience-mini-grid button span,.experience-mini-grid button small{font-size:12px}.experience-mini-grid button strong{font-size:15px}.experience-mini-grid button:focus-visible{transform:translateY(-3px)}.resume-profile h1{font-size:30px}.resume-project-list a{grid-template-columns:82px 1fr auto}.resume-project-list img{width:82px;height:64px}}@media(max-width:720px){.orbit-center,.orbit-point span,.research-list strong,.toolchain-item>span,.problem-grid span,.workflow-decisions header span,.workflow-decisions small,.evaluation-matrix p,.result-stack span,.result-stack small,.cadence-line span,.cadence-line p,.lifecycle article span,.lifecycle article small,.lifecycle-duration span,.module-center span,.module-notes span,.status-flow span,.next-project span{font-size:13px}.module-node{min-width:96px;min-height:42px;padding:7px 10px;font-size:12px}.state-decisions div small,.state-decisions p small{font-size:13px}}@media(max-width:430px){.orbit-point-4{right:24%}}.navigation-dock{position:fixed;z-index:40;bottom:28px;left:50%;display:flex;gap:8px;padding:8px;transform:translate(-50%);border:1px solid #ddd;border-radius:20px;background:#f3f3f3ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navigation-dock a{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff;transition:transform .22s var(--ease)}.navigation-dock svg{width:26px;height:26px;color:#555;filter:drop-shadow(0 3px 2px #bbb)}.navigation-dock a:hover,.navigation-dock a:focus-visible{transform:translateY(-6px) scale(1.12)}.navigation-dock span{position:absolute;bottom:56px;width:max-content;padding:6px 10px;border-radius:7px;background:#222;color:#fff;font-size:12px;opacity:0;pointer-events:none}.navigation-dock a:hover span,.navigation-dock a:focus-visible span{opacity:1}.site-header{height:160px}.site-header-project{height:120px}.header-resume{width:170px;height:46px}.header-resume .resume-icon-stack{left:42px;transform:translate(-50%,-50%) scale(.8)}.home-page{background:#fafafa}.home-hero{min-height:1000px;padding-top:160px}.hero-collage{width:720px}.hero-label{left:270px;top:42px;min-width:190px;height:40px;padding:0 14px;border-width:1px;font-size:16px;font-weight:400}.hero-label-sparkle-large{left:448px;top:65px;width:24px}.hero-label-sparkle-small{left:472px;top:53px;width:15px}.hero-key{width:90px;height:90px;left:55px;top:15px}.hero-doc{width:82px;height:82px;left:8px;top:85px;border-width:3px}.hero-copy{left:145px;top:117px;width:430px;text-align:center}.hero-copy h1{font-size:43px;font-weight:400;line-height:1.15;letter-spacing:-.055em}.hero-selection-motion{margin:12px auto 0;width:208px;height:60px}.hero-selection strong{font-size:45px}.hero-cursor-motion{left:275px;top:148px}.hero-designer-sticker{width:225px;height:200px;left:5px;bottom:48px}.tool-palette{right:18px;top:62px;box-shadow:none}.hero-doodle-star{bottom:8px;left:58px}.home-section .section-title-icon{width:66px;height:72px;border:0;border-radius:0}.home-section .section-title-icon svg{width:58px;height:58px}.section-title-row{gap:20px}.section-title-row h2{font-weight:500;line-height:1.2}.section-title-row p{font-size:16px}.featured-section{width:min(1320px,calc(100% - 80px))}.featured-grid{max-width:1020px;min-height:540px;margin:130px auto 0;gap:52px}.featured-card{position:relative;padding-top:30px}.featured-image{height:240px;overflow:visible;border-radius:20px;background:transparent;perspective:800px}.featured-image:before{top:0;right:14px;left:12px;width:auto;height:85%;border:1px solid #ddd;border-radius:18px;background:#fff;transform:rotate(-7deg);transition:transform .5s var(--ease)}.featured-image img{position:relative;z-index:3;border-radius:18px;height:190px;transform:rotate(3deg)}.featured-image span{bottom:2px;left:16px;padding:0;background:transparent;font-size:12px}.featured-copy{padding:24px 16px}.featured-copy h3{font-size:26px;font-weight:500}.featured-copy p,.featured-role{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .35s var(--ease)}.featured-role{display:block;margin-top:14px;color:#444;font-size:12px;line-height:1.6}.featured-copy svg{opacity:0}.featured-card:hover .featured-image img,.featured-card:focus-visible .featured-image img{transform:translateY(-18px) rotate(0)}.featured-card:hover .featured-image:before,.featured-card:focus-visible .featured-image:before{transform:rotate(-12deg) translateY(-7px)}.featured-card:hover .featured-copy p,.featured-card:hover .featured-role,.featured-card:focus-visible .featured-copy p,.featured-card:focus-visible .featured-role{opacity:1;transform:none}.featured-card:hover .featured-copy svg,.featured-card:focus-visible .featured-copy svg{opacity:1}.experience-section{padding-top:150px}.experience-section>.section-title-row{display:flex;justify-content:center}.experience-showcase{max-width:850px;grid-template-columns:1.15fr .85fr;gap:84px}.experience-primary{height:216px}.experience-primary h3{font-size:21px;font-weight:500}.experience-description{position:relative}.experience-description p{font-size:14px;line-height:1.55}.experience-media{height:135px}.experience-case-tag{position:absolute;z-index:3;right:-65px;bottom:-45px;display:grid;width:144px;min-height:192px;align-content:center;justify-items:center;gap:10px;padding:18px;transform:rotate(10deg);border-radius:10px;background:#111;color:#fff;text-align:center;box-shadow:0 8px 22px #0002;transition:transform .3s var(--ease)}.experience-case-tag:before{content:"";width:42px;height:10px;background:#fafafa;border-radius:8px;margin-bottom:8px}.experience-case-tag:hover{transform:rotate(0) translateY(-7px)}.experience-case-tag strong{font-size:15px}.experience-case-tag span{color:#aaa;font-size:12px}.experience-see-all{display:flex;margin:64px auto 0}.about-copy h2{font-size:36px;line-height:1.5;letter-spacing:-.045em;font-weight:400}.about-profile-card{transition:transform .45s var(--ease)}.about-profile-card:hover{transform:rotate(2deg) translateY(-5px)}.principles-section{max-width:1020px;padding-top:90px}.principle-carousel{display:flex;gap:16px;margin-top:60px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.principle-carousel::-webkit-scrollbar{display:none}.principle-slide{flex:0 0 29%;min-width:250px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3e3e3;border-radius:18px;background:#fff;scroll-snap-align:start}.principle-slide>svg{margin:24px 24px 0;color:#555}.principle-slide h3{margin:22px 24px 0;font-size:18px;font-weight:500}.principle-slide p{margin:16px 24px 28px;min-height:75px;font-size:15px;line-height:1.7;color:#555}.principle-slide footer{margin-top:auto;padding:20px 24px;background:#f4f4f4;font-size:14px;color:#666}.principle-slide footer span{display:block;margin-top:6px;font-size:12px;color:#888}.carousel-pagination{display:flex;width:max-content;gap:7px;margin:20px auto 0;padding:8px;border-radius:20px;background:#ddd}.carousel-pagination button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#aaa;cursor:pointer}.carousel-pagination button[aria-pressed=true]{background:#fff}.contact-footer{background:#f4f4f4;padding-bottom:125px;min-height:270px}.contact-group{background:#eaeaea}.resume-avatar{object-fit:cover;border-radius:50%}.resume-profile{grid-template-columns:1fr auto;min-height:260px;gap:18px}.resume-profile>.resume-avatar{grid-column:1 / -1;width:60px;height:60px}.resume-profile h1{font-size:22px;font-weight:500}.resume-job-images{display:flex;gap:9px;margin:14px 0 30px 66px}.resume-job-images img{width:130px;height:82px;object-fit:cover;border-radius:10px}.resume-experience-list article{border:0}.resume-project-list a{background:transparent;border-radius:0;border-bottom:1px solid #eee}.case-lead h1{font-size:clamp(36px,3.5vw,52px);line-height:1.25;letter-spacing:-.04em;text-wrap:balance}.case-section-title h2{font-size:clamp(30px,3.2vw,46px);line-height:1.3;letter-spacing:-.035em;text-wrap:balance}.case-section{padding-top:100px;padding-bottom:100px}.case-statement h2{font-size:clamp(30px,3.6vw,48px);line-height:1.45}.about-page-content{width:min(1020px,calc(100% - 48px));margin:auto}.about-page-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding:90px 0}.about-page-intro>img{width:100%;max-height:490px;object-fit:cover;border-radius:28px;transform:rotate(-4deg)}.about-page-intro h1{font-size:44px;line-height:1.3;font-weight:500;letter-spacing:-.04em}.about-page-intro p:not(.case-kicker){font-size:17px;line-height:1.85;color:#666}.about-page .principles-section{width:100%}@media(hover:none){.featured-copy p,.featured-role,.featured-copy svg{opacity:1;transform:none}}@media(max-width:1000px)and (min-width:721px){.experience-showcase{gap:40px;padding-right:45px}.featured-grid{gap:25px}.about-section{gap:50px}.about-copy h2{font-size:30px}}@media(max-width:720px){.site-header{height:110px;padding:0 24px}.site-header-project{height:96px}.header-resume{width:100px;height:36px;padding-right:12px;font-size:13px}.header-resume .resume-icon-stack{left:25px;transform:translate(-50%,-50%) scale(.46)}.site-header-project .header-resume,.navigation-dock{display:none}.home-hero{min-height:840px;padding:190px 0 260px}.hero-collage{width:720px;height:410px;max-width:none;transform:scale(.48);transform-origin:left center;margin-left:calc((100vw - 346px)/2);justify-self:start}.tool-palette{display:none}.hero-key{left:525px;top:-10px}.hero-doc{left:605px;top:25px}.hero-copy{left:135px}.hero-designer-sticker{left:0;bottom:64px}.hero-label{left:250px}.hero-label-sparkle-large{left:440px}.hero-label-sparkle-small{left:462px}.home-section,.featured-section{width:calc(100% - 48px);padding:72px 0}.home-section .section-title-icon{width:40px;height:48px}.home-section .section-title-icon svg{width:38px;height:38px}.section-title-row{gap:12px;grid-template-columns:auto 1fr auto}.section-title-row h2{font-size:21px}.section-title-row p{font-size:12px}.section-title-row>.section-tag{display:inline-flex;min-height:30px;padding:0 10px;font-size:11px}.featured-grid{margin-top:56px;gap:24px;min-height:0}.featured-card{display:flex;flex-direction:column;padding:28px;border:1px solid #e5e5e5;border-radius:28px;background:#fff}.featured-image{height:260px;margin-top:48px}.featured-image img{height:220px;object-fit:contain}.featured-image:before{height:76%}.featured-image span{top:-32px;bottom:auto;left:0}.featured-copy{display:contents}.featured-copy h3{position:absolute;top:28px;left:28px;font-size:24px}.featured-copy p,.featured-role{opacity:1;transform:none;margin:14px 0 0;font-size:13px}.featured-copy svg{display:none}.experience-section>.section-title-row{justify-content:flex-start}.experience-showcase{margin-top:32px;display:block}.experience-primary{height:185px}.experience-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.experience-mini-grid button{padding:12px 8px;min-height:110px}.experience-mini-grid button span{display:none}.experience-mini-grid button strong{font-size:12px}.experience-mini-grid button small{font-size:10px}.experience-description{display:none}.experience-see-all{margin-top:28px;font-size:14px}.about-section{display:flex;flex-direction:column;gap:62px;padding-top:100px}.about-copy{order:-1}.about-copy h2{font-size:25px;line-height:1.5}.about-profile-card{width:min(290px,78vw)}.about-profile-photo{height:320px}.about-actions{margin-top:32px}.about-browser-sticker{right:0;top:-48px}.about-tool-sticker{left:75%;top:100px}.principle-carousel{margin-top:40px}.principle-slide{flex-basis:100%;min-width:0}.principle-slide p{min-height:60px}.carousel-pagination button{width:14px;height:14px}.contact-footer{min-height:180px;padding:42px 10px;gap:8px}.contact-group{flex-direction:row;width:auto;gap:5px;padding:6px;border-radius:16px}.contact-group a{width:auto;min-height:34px;padding:0 8px;font-size:11px;gap:4px;border-radius:10px}.contact-group svg{width:14px;height:14px}.resume-profile{grid-template-columns:1fr}.resume-job-images{margin-left:0}.case-lead h1{font-size:35px}.case-section-title h2{font-size:30px}.case-section{padding-top:72px;padding-bottom:72px}.about-page-intro{grid-template-columns:1fr;gap:42px;padding:50px 0}.about-page-intro>img{max-height:380px;width:85%;margin:auto}.about-page-intro h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.navigation-dock a:hover,.navigation-dock a:focus-visible,.about-profile-card:hover{transform:none}}.about-section{width:min(1044px,calc(100% - 96px));max-width:1044px;grid-template-columns:409px minmax(0,1fr);gap:85px;padding-top:170px;padding-bottom:170px}.about-profile-card{width:340px;padding:14px;border-radius:32px}.about-profile-photo{height:370px}.about-profile-footer{min-height:76px}.about-copy .about-introduction{font-size:36px;line-height:51px;font-weight:400;letter-spacing:-.035em}.about-text-line{display:block;white-space:nowrap}.inline-sticker-slot{position:relative;display:inline-block;vertical-align:middle}.browser-slot{width:102px;height:58px;margin:-8px 0 0 12px}.inline-browser{position:absolute;inset:0;display:grid;grid-template-columns:28px 1fr;grid-template-rows:10px 1fr;padding:5px;gap:4px;border:1px solid #d5d5d5;border-radius:9px;background:#fff;box-shadow:0 5px 8px #0001;transform:rotate(-5deg);animation:browser-bob 6s ease-in-out infinite}.browser-chrome{grid-column:1 / -1;display:flex;gap:2px;align-items:center;border-bottom:1px solid #eee}.browser-chrome i{width:3px;height:3px;background:#ddd;border-radius:50%}.browser-chrome i:first-child{background:#f77}.browser-sidebar{display:grid;align-content:start;gap:4px;padding-top:3px}.browser-sidebar i{height:4px;border-radius:2px;background:#eee}.browser-sidebar i:first-child{background:#5576ff}.browser-canvas{position:relative;background:#f4f4f4;border-radius:3px}.browser-canvas>i{position:absolute;inset:5px 5px 16px;background:#e9e9e9}.browser-canvas svg{position:absolute;width:14px;height:14px;top:8px;left:11px}.browser-canvas b{position:absolute;bottom:5px;right:3px;width:25px;height:8px;border-radius:8px;background:#111}.layers-slot{width:52px;height:48px;margin:-2px 10px 0}.inline-layers{position:absolute;inset:0;border:1px solid #ddd;border-radius:10px;background:#f4f4f4;box-shadow:0 4px 7px #0001;animation:layers-bob 5.9s ease-in-out infinite}.inline-layers i,.inline-layers b{position:absolute;width:24px;height:24px;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #ddd}.inline-layers i{bottom:8px;right:6px;background:#fff}.inline-layers b{top:8px;left:8px;background:#5277ff}.inline-layers svg{position:absolute;bottom:3px;right:7px;width:12px;height:12px}.pencil-slot{width:48px;height:52px;margin-left:14px}.inline-pencil{position:absolute;bottom:0;left:14px;width:18px;height:64px;border-radius:4px 4px 2px 2px;border-top:10px solid #777;background:#f0f0f0;box-shadow:0 5px 9px #0001;transform:rotate(28deg);animation:pencil-bob 6.3s ease-in-out infinite}.inline-pencil:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#5576ff}.inline-pencil i{position:absolute;top:9px;bottom:6px;left:5px;width:2px;background:#ddd;box-shadow:5px 0 #ddd}.inline-pencil b{position:absolute;top:100%;border-left:9px solid transparent;border-right:9px solid transparent;border-top:13px solid #ddd}.inline-pencil b:after{content:"";position:absolute;left:-3px;top:-4px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #333}.about-actions{margin-top:59px;gap:12px;position:relative;z-index:5}.about-actions .talk-pill{min-height:46px}.hero-designer-sticker{mix-blend-mode:multiply}.site-header:not(.site-header-project){padding-left:60px;padding-right:60px}.site-header .logo{width:98px;height:64px;font-size:23px}.site-header .logo small{font-size:9px}.hero-copy{top:87px;left:124px;width:471px}.hero-copy h1{font-size:49px;line-height:1.04}.hero-label{top:22px;font-size:18px}.hero-designer-sticker{width:245px;height:218px;bottom:38px;left:-2px}@keyframes browser-bob{50%{transform:translateY(-3px) rotate(-3deg)}}@keyframes layers-bob{50%{transform:translateY(3px) rotate(3deg)}}@keyframes pencil-bob{50%{transform:translateY(-3px) rotate(24deg)}}@media(max-width:1150px)and (min-width:721px){.about-section{grid-template-columns:310px minmax(0,1fr);gap:48px;width:calc(100% - 72px)}.about-profile-card{width:300px}.about-profile-photo{height:340px}.about-copy .about-introduction{font-size:26px}.browser-slot{width:75px;height:46px;margin-left:8px}.layers-slot{width:40px;height:42px;margin:0 7px}}@media(max-width:900px)and (min-width:721px){.about-section{grid-template-columns:265px minmax(0,1fr);gap:32px}.about-profile-card{width:265px}.about-copy .about-introduction{font-size:23px}.browser-slot{width:62px;height:40px}.about-profile-footer{grid-template-columns:26px 1fr auto;gap:5px;padding-left:0;padding-right:0}.about-profile-footer>img{width:26px;height:26px}.about-profile-footer>a{padding:0 8px;font-size:12px}}@media(max-width:720px){.site-header:not(.site-header-project){padding-left:24px;padding-right:24px}.site-header .logo{width:70px;height:52px;font-size:17px}.site-header .logo small{font-size:7px}.about-section{width:calc(100% - 48px);gap:70px;padding:100px 0}.about-copy .about-introduction{font-size:clamp(17px,4.8vw,28px);line-height:1.85}.browser-slot{width:62px;height:40px;margin-left:6px}.layers-slot{width:38px;height:38px;margin:0 6px}.inline-layers i,.inline-layers b{width:19px;height:19px}.inline-layers b{left:5px;top:5px}.pencil-slot{width:32px;height:35px;margin-left:8px}.inline-pencil{width:14px;height:42px;left:8px}.inline-pencil b{border-left-width:7px;border-right-width:7px}.about-actions{margin-top:42px}.about-profile-card{width:min(290px,78vw)}.about-profile-photo{height:320px}.hero-designer-sticker{left:0;bottom:64px;width:225px;height:200px}}@media(prefers-reduced-motion:reduce){.inline-browser,.inline-layers,.inline-pencil{animation:none}}@media(max-width:1000px)and (min-width:721px){.experience-case-tag{right:0;bottom:-80px;width:112px;min-height:155px}}