@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body,h1,h2,h3,h4,p{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}button{cursor:pointer}[hidden]{display:none!important}}@layer base{:root{--paper:#f5f4ef;--ink:#252722;--muted:#66695f;--line:#d8d9d0;--blue:#414ce2;--footer:#252822;--gutter:clamp(24px, 5vw, 88px)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans Variable,PingFang SC,Microsoft YaHei,sans-serif}::selection{color:#fff;background:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button:focus-visible{outline-offset:4px}.container{width:min(100% - var(--gutter) * 2, 1440px);margin-inline:auto}.section-pad{padding-block:clamp(80px,10vw,160px)}.mono{letter-spacing:.1em;font-family:DM Sans Variable,sans-serif;font-size:11px;font-weight:500}.line-break{white-space:pre-line}.eyebrow{letter-spacing:.035em;align-items:center;gap:18px;font-size:12px;font-weight:500;display:flex}.section-number{color:#73766b;font-size:11px}.section-heading{letter-spacing:-.055em;font-size:clamp(38px,4.4vw,72px);font-weight:450;line-height:1.12}.lang-zh .section-heading{letter-spacing:-.065em;line-height:1.35}.arrow{flex:none;width:23px;height:23px}.arrow-right{rotate:45deg}.arrow-down{rotate:135deg}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:24px;width:fit-content;padding-block:10px;font-size:14px;display:inline-flex}.text-link .arrow{transition:transform .2s}.text-link:hover .arrow{transform:translate(3px,-3px)}.pill-link{border:1px solid #babdb1;border-radius:999px;align-items:center;gap:28px;min-height:66px;padding:16px 30px;font-size:14px;transition:background .2s,color .2s;display:inline-flex}.pill-link>span{align-self:flex-start;margin-top:2px;margin-left:-18px;font-size:10px}.pill-link:hover{background:var(--ink);color:var(--paper)}.skip-link{z-index:100;color:#fff;background:var(--ink);padding:14px 22px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}}@layer components{.site-header{height:114px;padding-inline:var(--gutter);z-index:20;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative}.site-header.over-hero{position:absolute;inset:0 0 auto}.brand{flex-shrink:0;align-items:center;gap:16px;display:flex}.brand-mark{letter-spacing:-.12em;font-size:37px;font-weight:600;line-height:1}.brand-mark>span{color:var(--blue)}.brand-name{letter-spacing:-.02em;font-size:14px}.desktop-nav{align-items:center;gap:34px;margin-left:auto;display:flex}.nav-link{padding-block:10px;font-size:14px;position:relative}.nav-link:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;transition:transform .2s;position:absolute;bottom:0;left:50%;transform:scale(0)}.nav-link:hover:after,.nav-link.active:after{transform:scale(1)}.nav-contact{align-items:center;gap:14px;margin-left:12px;font-size:14px;display:flex}.nav-contact .arrow{width:17px;height:17px}.header-actions{align-items:center;gap:20px;display:flex}.language-switch{border-left:1px solid #85877c;align-items:center;gap:10px;padding:8px 0 8px 26px;font-size:12px;display:flex}.language-switch>span{font-size:15px}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none}.menu-toggle span{background:currentColor;width:24px;height:1px;transition:transform .2s;display:block}.mobile-nav{background:var(--paper);padding:30px var(--gutter) 40px;position:absolute;top:88px;left:0;right:0;box-shadow:0 20px 20px #25272215}.mobile-nav>a{border-top:1px solid var(--line);align-items:center;gap:20px;padding-block:20px;font-size:28px;display:flex}.mobile-nav>a .arrow{margin-left:auto}.mobile-nav>p{color:var(--muted);margin-top:28px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{isolation:isolate;background:#b9bbb0;height:min(920px,100svh);min-height:760px;position:relative;overflow:hidden}.hero-grid{z-index:-1;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#626c5212 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#626c5212 66.666%,#0000 calc(66.666% + .5px)),radial-gradient(at 45% 23%,#dcddd1 0%,#c2c4b8 32%,#a5aaa0 78%);position:absolute;inset:0}.hero-location{color:#f2f2e9;padding:24px 25px 24px var(--gutter);z-index:2;background:#30372f;border-radius:0 60px 60px 0;flex-direction:row-reverse;align-items:center;gap:28px;max-width:270px;display:flex;position:absolute;top:40%;left:0}.hero-location span{max-width:100px;font-size:12px;line-height:1.7}.hero-location svg{flex-shrink:0;width:38px;height:38px}.hero-art{width:48%;height:76%;position:absolute;top:12%;left:24%}.hero-portrait{object-fit:contain;object-position:center bottom;width:100%;height:100%}.monogram-art{height:100%;position:relative}.monogram-halo{background:linear-gradient(120deg,#d8dbcf77,#79856c33);border-radius:46% 46% 10% 10%;width:80%;height:94%;position:absolute;top:0;left:6%;transform:rotate(-9deg);box-shadow:inset 1px 1px 1px #eef0dd66,30px 35px 80px #515c462b}.monogram-letter{color:#4b5743;text-shadow:1px 2px #d9dfce,10px 20px 40px #3d47364d;user-select:none;font-family:Georgia,Times New Roman,serif;line-height:1;position:absolute}.letter-l{font-size:clamp(300px,40vw,660px);font-style:italic;top:-4%;left:2%;transform:rotate(-10deg)}.letter-t{color:#d5d8c8;text-shadow:1px 2px #f8faea,5px 10px 25px #33402755;font-size:clamp(200px,27vw,480px);top:27%;right:2%;transform:rotate(10deg)}.art-coordinate{color:#505b46;font-size:9px;position:absolute;top:14%;right:10%;transform:rotate(-9deg)}.hero-summary{top:27%;right:var(--gutter);z-index:2;width:23%;max-width:300px;position:absolute}.hero-asterisk{color:#384232;margin-bottom:20px;font-size:48px;line-height:1;display:block}.hero-role{letter-spacing:-.04em;font-size:clamp(22px,2.2vw,36px);font-weight:450;line-height:1.22}.lang-zh .hero-role{line-height:1.5}.hero-intro{color:#424b3d;max-width:250px;margin-top:20px;font-size:13px;line-height:1.8}.hero-link{border-bottom:1px solid #7b8372;align-items:center;gap:20px;width:fit-content;margin-top:24px;padding-bottom:8px;font-size:12px;display:flex}.hero-link .arrow{width:17px;height:17px}.hero-name{letter-spacing:-.067em;color:#f6f6ee;z-index:4;white-space:nowrap;font-size:clamp(90px,13vw,240px);font-weight:500;line-height:.91;position:absolute;bottom:92px;left:3.4%;right:2%}.hero-name-period{color:#414b39}.hero-bottom{bottom:27px;left:var(--gutter);right:var(--gutter);color:#3d4537;justify-content:space-between;align-items:center;display:flex;position:absolute}.hero-bottom .mono{letter-spacing:.1em;font-size:9px}.scroll-cue{align-items:center;gap:14px;font-size:11px;display:inline-flex}.scroll-cue .arrow{width:14px;height:14px}.intro-section>.eyebrow{margin-bottom:48px}.intro-grid{grid-template-columns:1.4fr 1fr;gap:10%;display:grid}.intro-copy{max-width:420px;padding-top:4px}.intro-copy>p{color:#5e6257;margin-bottom:22px;font-size:16px;line-height:1.9}.intro-copy .text-link{margin-top:16px}.section-topline{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:35px;padding-top:30px;display:flex}.section-aside{color:var(--muted);font-size:13px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 30px;display:grid}.project-featured{grid-column:1/-1}.project-card{min-width:0;display:block}.project-visual{aspect-ratio:1.23;isolation:isolate;transition:border-radius .35s;position:relative;overflow:hidden}.project-featured .project-visual{aspect-ratio:1.95}.project-card:hover .project-visual{border-radius:8px}.project-caption{justify-content:space-between;gap:20px;padding-block:23px;display:flex}.project-category{color:var(--muted);font-size:11px}.project-caption h3{letter-spacing:-.035em;margin-top:7px;font-size:clamp(24px,2.5vw,38px);font-weight:450}.project-caption p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.project-open{border:1px solid #bfc1b7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-top:7px;transition:background .2s,color .2s,transform .2s;display:flex}.project-card:hover .project-open{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(45deg)}.visual-caption{z-index:5;letter-spacing:.01em;color:#414a3a;font-size:9px;position:absolute;bottom:18px;right:22px}.visual-onni{background:#d4dccb}.onni-wordmark{color:#586749;letter-spacing:-.055em;font-size:clamp(35px,6vw,95px);font-weight:700;position:absolute;top:6%;left:6%}.onni-wordmark>span{vertical-align:top;margin-left:6px;font-size:15px}.browser-frame{background:#fff;border:1px solid #b0bfa4;border-radius:8px 8px 0 0;width:76%;transition:transform .5s;position:absolute;top:17%;right:-2%;overflow:hidden;transform:rotate(-5deg);box-shadow:-20px 25px 55px #5263462b}.project-card:hover .browser-frame{transform:rotate(-3deg)translateY(-5px)}.browser-chrome{background:#fafbf7;border-bottom:1px solid #e1e4da;align-items:center;gap:4px;padding:9px 12px;display:flex;position:relative}.browser-chrome i{background:#c7cdbe;border-radius:50%;width:5px;height:5px}.browser-chrome>span{color:#7d8574;font-size:9px;position:absolute;left:48%}.browser-frame img{width:100%;height:auto}.visual-invoice{background:#d6bfaa}.invoice-disc{aspect-ratio:1;background:#cab196;border-radius:50%;height:115%;position:absolute;top:15%;left:-35%}.invoice-paper{background:#fffdf6;width:57%;height:83%;padding:6%;font-family:DM Sans Variable,sans-serif;transition:transform .4s;position:absolute;top:15%;left:24%;transform:rotate(9deg);box-shadow:9px 16px 45px #614b3829}.paper-back{background:#ece8dd;top:19%;left:19%;transform:rotate(-9deg)}.project-card:hover .invoice-paper:not(.paper-back){transform:rotate(6deg)translateY(-8px)}.invoice-top{justify-content:space-between;align-items:start;display:flex}.invoice-top b{letter-spacing:-.07em;font-size:clamp(15px,2vw,30px)}.invoice-top>span{text-align:right;font-size:clamp(5px,.7vw,10px);line-height:1.4}.invoice-rule{border-top:1px solid #d4d4c9;margin-top:10%}.paper-title{margin-top:12%;font-family:Georgia,serif;font-size:clamp(25px,3vw,48px);font-style:italic;line-height:1}.invoice-lines{flex-direction:column;gap:4px;margin-top:10%;display:flex}.invoice-lines i{background:#dfdfd4;width:40%;height:3px;display:block}.invoice-lines i:nth-child(2){width:33%}.invoice-table{border-top:1px solid #d8d7cd;grid-template-columns:2fr 1fr 1fr;gap:11px;margin-top:12%;padding-top:7%;display:grid}.invoice-table>span{letter-spacing:.08em;color:#757569;font-size:5px}.invoice-table i{background:#dedfd4;width:80%;height:3px}.invoice-table i.short{width:50%}.paper-bottom{border-top:1px solid #d8d7cd;justify-content:space-between;align-items:center;padding-top:5%;display:flex;position:absolute;bottom:8%;left:10%;right:10%}.paper-bottom span{letter-spacing:.06em;font-size:5px}.paper-bottom b{font-size:18px}.visual-eazycut{background:#bec3d5}.cut-orbit{border:1px solid #a4aac7;border-radius:50%;width:95%;height:95%;position:absolute;top:-35%;left:30%;box-shadow:0 0 0 40px #b5bbd180,0 0 0 80px #b8bdd580}.editor-window{color:#dfded6;background:#20231f;border-radius:7px;width:84%;height:72%;padding:3%;font-family:DM Sans Variable,sans-serif;transition:transform .4s;position:absolute;top:15%;left:9%;transform:rotate(-6deg);box-shadow:10px 22px 45px #39425d40}.project-card:hover .editor-window{transform:rotate(-3deg)translateY(-5px)}.editor-bar{justify-content:space-between;align-items:center;padding-bottom:3%;font-size:8px;display:flex}.editor-bar b{font-size:10px;font-weight:450}.editor-bar b span{color:#c2d7b5}.editor-bar>span{letter-spacing:.08em;color:#afb3a6;font-size:5px}.editor-bar>i{font-size:12px}.editor-preview{background:linear-gradient(140deg,#a0afa0,#718572 60%,#d8c1a0);justify-content:center;align-items:center;height:48%;margin:0 4%;display:flex;position:relative;overflow:hidden}.editor-mountain{background:#344d3a66;border-radius:50% 60% 0 0;width:130%;height:130%;position:absolute;top:35%;left:-40%;transform:rotate(-15deg)}.preview-chip{letter-spacing:.1em;font-size:4px;position:absolute;top:8px;left:10px}.preview-caption{letter-spacing:-.03em;text-align:center;z-index:1;font-size:clamp(16px,2.8vw,42px);line-height:1.1}.preview-caption em{font-family:Georgia,serif;font-weight:400}.play-icon{font-size:8px;position:absolute;bottom:7px;right:10px}.play-icon:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid;display:block}.editor-controls{color:#a7ae9c;justify-content:space-between;align-items:center;padding:3% 4%;font-size:6px;display:flex}.control-play{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0}.timeline{margin-inline:4%;position:relative}.timeline-ruler{color:#8f9788;justify-content:space-between;margin-bottom:3%;font-size:5px;display:flex}.video-track,.caption-track,.wave-track{gap:3px;margin-bottom:4px;display:flex}.video-track i{background:linear-gradient(130deg,#a9b595,#617859);border:1px solid #b7c9a3;border-radius:2px;flex:1;height:clamp(10px,2.1vw,28px)}.video-track i:nth-child(2n){background:linear-gradient(40deg,#3e5c49,#93a48b)}.caption-track i{color:#e6e4f3;background:#776daa;border-radius:1px;flex:1;padding:4px 5px;font-size:4px;font-style:normal}.wave-track{background:#45664366;border-radius:1px;align-items:center;gap:2px;height:18px;overflow:hidden}.wave-track i{opacity:.6;background:#9bb987;flex:1;width:3px}.playhead{background:#e6e6d3;width:1px;position:absolute;top:8px;bottom:0;left:28%}.playhead:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e6e6d3;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.center-link{text-align:center;margin-block:40px 100px}.services-section{background:#e9eae3}.services-section .section-heading{margin-top:40px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:72px;display:grid}.service{border-top:1px solid #bcc1b2;padding-top:22px}.service-number{color:#747969}.service h3{letter-spacing:-.035em;margin-block:36px 22px;font-size:26px;font-weight:450}.service>p{color:#616857;font-size:14px;line-height:1.85}.service-foot{justify-content:space-between;align-items:center;gap:30px;margin-top:66px;display:flex}.service-foot>p{color:#6c7161;font-size:12px}.service-foot .text-link{flex-shrink:0}.notes-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:64px;display:flex}.notes-heading .section-heading{margin-top:34px}.notes-heading .text-link{flex-shrink:0}.note-row{border-top:1px solid var(--line);align-items:center;gap:32px;padding-block:35px;display:flex}.note-row:last-child{border-bottom:1px solid var(--line)}.note-number{color:#6b7163;flex-shrink:0;width:30px}.note-row>div{flex:1}.note-category{color:var(--muted);font-size:11px}.note-row h3{letter-spacing:-.025em;margin-top:10px;font-size:clamp(20px,2vw,30px);font-weight:450;transition:color .2s}.note-row:hover h3{color:var(--blue)}.note-row p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.note-date{color:var(--muted);font-size:10px}.site-footer{background:var(--footer);color:#eeeee5;border-radius:30px 30px 0 0;padding:clamp(70px,8vw,120px) 0 28px}.site-footer .eyebrow{color:#babeb0;font-size:12px}.status-dot{background:#b6c6a6;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 5px #b6c6a60d}.footer-invitation{justify-content:space-between;align-items:center;gap:45px;margin-top:42px;display:flex}.footer-invitation h2{letter-spacing:-.06em;font-size:clamp(48px,7.5vw,120px);font-weight:400;line-height:1.08}.lang-zh .footer-invitation h2{font-size:clamp(38px,6.5vw,100px);line-height:1.3}.contact-orb{aspect-ratio:1;color:#283022;background:#b7c5aa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(90px,12vw,180px);transition:transform .3s,background .3s;display:flex}.contact-orb .arrow{width:40%;height:40%}.contact-orb:hover{background:#d2dfc7;transform:rotate(45deg)}.footer-contact-row{justify-content:space-between;align-items:end;gap:32px;margin-top:50px;display:flex}.footer-contact-row>p{color:#b6bcac;max-width:360px;font-size:14px;line-height:1.8}.text-link.light{border-color:#8e9680}.footer-bottom{border-top:1px solid #515749;align-items:center;gap:32px;margin-top:90px;padding-top:30px;display:flex}.footer-signature{letter-spacing:-.06em;white-space:nowrap;font-size:23px}.footer-signature span{vertical-align:top;margin-left:5px;font-size:12px}.footer-credit{color:#b1b7a8;font-size:10px}.social-links{gap:24px;margin-left:auto;font-size:11px;display:flex}.social-links a:hover{color:#d6e8c5}.back-top{border:1px solid #68725b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-heading{padding-top:80px;padding-bottom:80px}.page-heading>.eyebrow{color:#6c7462;margin-bottom:30px}.page-title{letter-spacing:-.065em;font-size:clamp(50px,7.8vw,125px);font-weight:450;line-height:1.04}.lang-zh .page-title{line-height:1.25}.page-description{max-width:560px;color:var(--muted);margin-top:38px;margin-left:auto;font-size:17px;line-height:1.9}.work-list{padding-bottom:100px}.notes-index{padding-bottom:140px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:10%;display:grid}.about-art{aspect-ratio:.86;background:#ced3c1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.about-art img{object-fit:cover;width:100%;height:100%}.about-monogram{letter-spacing:-.17em;color:#59644c;padding-right:18%;font-family:Georgia,serif;font-size:clamp(200px,28vw,410px);font-style:italic;transform:rotate(-12deg)}.about-art>.mono{font-size:8px;position:absolute;top:28px;left:24px}.about-art-note{font-family:Georgia,serif;font-size:28px;font-style:italic;position:absolute;bottom:25px;right:24px}.about-copy{color:var(--muted);font-size:16px;line-height:1.9}.about-copy .about-lead{color:var(--ink);letter-spacing:-.035em;font-size:clamp(21px,2.4vw,34px);line-height:1.5}.about-copy>p{margin-bottom:26px}.principles-section>.eyebrow{margin-bottom:45px}.principle{border-top:1px solid var(--line);grid-template-columns:50px 1fr 1fr;align-items:baseline;gap:40px;padding-block:38px;display:grid}.principle h2{letter-spacing:-.03em;font-size:28px;font-weight:450}.principle>p{color:var(--muted);font-size:15px;line-height:1.85}.back-link{color:var(--muted);margin-bottom:40px;padding-block:8px;font-size:12px;display:inline-block}.back-link:hover{color:var(--blue)}.case-heading{padding-top:55px}.case-title-line{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.case-title-line h1{letter-spacing:-.06em;font-size:clamp(50px,9vw,144px);font-weight:450;line-height:1.1}.case-title-line .mono{color:var(--muted);flex-shrink:0}.case-subtitle{color:var(--muted);letter-spacing:-.02em;margin-top:20px;font-size:clamp(20px,2.7vw,38px)}.case-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr 1.2fr .4fr;gap:30px;margin-block:70px 50px;padding-top:24px;display:grid}.case-meta>div>span{color:var(--muted);font-size:11px}.case-meta p{margin-top:10px;font-size:13px;line-height:1.7}.visual-large{aspect-ratio:1.8}.visual-large.visual-invoice .invoice-paper{width:40%;height:110%;padding:5%;top:12%;left:35%}.visual-large.visual-invoice .paper-back{top:18%;left:28%}.visual-large .paper-title{font-size:clamp(30px,5vw,72px)}.visual-large .invoice-top b{font-size:32px}.visual-large .invoice-table>span{font-size:8px}.visual-large .invoice-table i{height:5px}.visual-large .invoice-table{gap:18px}.visual-large .editor-window{width:65%;height:86%;padding:2.5%;top:10%;left:18%}.visual-large .editor-bar b{font-size:17px}.visual-large .editor-bar>span{font-size:8px}.visual-large .editor-controls{padding-block:2%;font-size:10px}.visual-large .timeline-ruler,.visual-large .caption-track i{font-size:8px}.visual-large .preview-caption{font-size:clamp(25px,5vw,68px)}.case-body{padding-block:80px}.case-intro{letter-spacing:-.03em;max-width:900px;margin-bottom:80px;font-size:clamp(25px,3vw,42px);line-height:1.55}.case-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:12%;padding-block:45px;display:grid}.case-section h2{letter-spacing:-.035em;margin-top:20px;font-size:clamp(25px,2.8vw,38px);font-weight:450;line-height:1.3}.case-section>div>.mono{color:var(--muted)}.case-section p{color:var(--muted);margin-bottom:20px;font-size:16px;line-height:1.95}.next-project{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:50px 90px;display:flex}.next-project h2{letter-spacing:-.05em;margin-top:20px;font-size:clamp(40px,6vw,80px);font-weight:450}.next-project>.arrow{width:60px;height:60px}.article-page{max-width:900px;padding-top:70px;padding-bottom:100px}.article-page header>.eyebrow{color:var(--muted);margin-bottom:24px;font-size:11px}.article-page h1{letter-spacing:-.055em;font-size:clamp(42px,5.7vw,80px);font-weight:450;line-height:1.12}.lang-zh .article-page h1{line-height:1.35}.article-summary{color:var(--muted);max-width:740px;margin-top:30px;font-size:20px;line-height:1.65}.article-byline{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-top:35px;padding-bottom:35px;font-size:12px;display:flex}.mini-mark{letter-spacing:-.1em;background:#d4dacb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;font-weight:600;display:flex}.article-byline>span:last-child{color:var(--muted);margin-left:auto}.prose{max-width:700px;margin-inline:auto;padding-top:15px}.prose h2{letter-spacing:-.03em;margin-block:48px 22px;font-size:28px;font-weight:500;line-height:1.4}.prose p{color:#5a6053;margin-block:20px;font-size:17px;line-height:1.95}.article-related{background:#e7eadf;justify-content:space-between;align-items:center;margin-top:70px;padding:30px;display:flex}.article-related h2{margin-top:16px;font-size:28px;font-weight:450}.error-page{min-height:65vh;padding-block:70px}.error-page>p{margin-block:25px}.home-page .hero{background:#8993ad}.home-page .hero-grid{background:linear-gradient(90deg,#8892ac 0%,#8792ad 35%,#8c96b0 70%,#8993ad 100%)}.home-page .hero-art{width:52%;height:100%;top:0;left:24%}.home-page .hero-portrait{object-fit:contain;object-position:center bottom;width:auto;max-width:none;height:100%;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 19% 81%,#0000);mask-image:linear-gradient(90deg,#0000,#000 19% 81%,#0000)}.home-page .hero-summary{text-shadow:0 1px 15px #8993ad88}.about-art:has(img){background:#8993ad}.about-art img{object-position:center top}.motion-curtain{z-index:1000;pointer-events:none;width:100%;height:120vh;color:var(--paper);visibility:hidden;will-change:transform, border-radius;background:#1e211e;justify-content:center;align-items:center;padding-bottom:20vh;display:flex;position:fixed;top:0;left:0}.motion-intro{z-index:1000;color:#fff;visibility:hidden;pointer-events:none;will-change:transform;background:#141517;height:100vh;position:fixed;inset:0}.motion-intro-words{opacity:0;position:absolute;top:50%;left:50%;transform:translateY(-50px)}.motion-intro-word{white-space:nowrap;letter-spacing:0;padding:0 .4em 0 .6em;font-size:clamp(39px,3.75vw,60px);font-weight:450;line-height:1.065;display:block;position:absolute;top:0;left:0;transform:translate(-50%)}.motion-intro-word:before{content:"";background:#fff;border-radius:50%;width:clamp(9.7px,.727vw,12px);height:clamp(9.7px,.727vw,12px);position:absolute;top:.5em;left:0}.motion-intro-word.is-japanese{font-size:clamp(31.2px,3vw,48px)}.motion-intro-curve{width:100%;height:10vh;position:absolute;top:calc(100% - 1px);left:0;overflow:hidden}.motion-intro-curve>div{background:#141517;border-radius:50%;width:150%;height:750%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=540px){.motion-intro-curve{height:5vh}.motion-intro-word:before{top:.45em}}html[data-motion-first=true] .motion-intro{opacity:1;visibility:visible;pointer-events:auto}html[data-motion-enter=true] .motion-page-wipe{visibility:visible}.motion-page-label{letter-spacing:-.045em;text-align:center;max-width:80%;font-size:clamp(2rem,4vw,4rem);font-weight:400}.motion-page-label:before{content:"•";vertical-align:middle;margin-right:1.2em;font-size:.4em}.motion-cursor{z-index:51;background:var(--blue);color:#fff;pointer-events:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:.8rem;transition:opacity .25s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.motion-cursor.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.motion-preview{z-index:50;aspect-ratio:1;pointer-events:none;opacity:0;width:clamp(240px,27vw,420px);transition:opacity .25s,transform .6s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)scale(.25)}.motion-preview.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.motion-preview-content,.motion-preview .project-visual{aspect-ratio:1;width:100%;height:100%}.motion-preview .project-visual{border-radius:0}.motion-preview .visual-caption{font-size:9px}.motion-reveal{opacity:0;transform:translateY(55px)}.motion-reveal.motion-visible{opacity:1;transition:opacity .85s,transform 1.15s cubic-bezier(.16,1,.3,1);transform:translate(0,0)}.motion-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.motion-line>span{display:block}.section-heading.motion-reveal{opacity:1;transform:none}.section-heading.motion-reveal .motion-line>span{transform:translateY(115%)}.section-heading.motion-visible .motion-line>span{transition:transform 1.1s cubic-bezier(.16,1,.3,1) var(--line-delay,0s);transform:translateY(0)}.hero-name-track{display:inline-flex}.hero-name-copy{flex-shrink:0;display:inline-block}.marquee-separator,.hero-name-copy~.hero-name-copy{display:none}.motion-enabled .hero-name{transform:translate3d(var(--hero-x,0px), 0, 0);font-size:17vw;font-weight:400;left:0;right:auto}.motion-enabled .hero-name-track{will-change:transform}.motion-enabled .hero-name-copy~.hero-name-copy,.motion-enabled .marquee-separator{display:inline-block}.marquee-separator{padding-inline:.18em}.motion-enabled .hero-art{translate:0 var(--hero-y,0px);will-change:translate}.motion-pause{color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:8px 0}.motion-enabled .project-card .case-cover img{transition:transform 1s cubic-bezier(.22,1,.36,1)}.motion-enabled .project-card:hover .case-cover img{transform:scale(1.035)}.portfolio-row h3,.portfolio-row p{transition:translate .6s cubic-bezier(.22,1,.36,1),opacity .4s}.motion-enabled .portfolio-row:hover h3,.motion-enabled .portfolio-row:hover p{opacity:.55;translate:-10px}.motion-magnetic{translate:var(--mag-x,0px) var(--mag-y,0px)}.motion-magnetic>.arrow{translate:calc(var(--mag-x,0px) * .3) calc(var(--mag-y,0px) * .3)}.motion-magnetic:is(.pill-link,.contact-orb,.back-top){isolation:isolate;transition:color .4s;position:relative;overflow:hidden}.motion-magnetic:is(.pill-link,.contact-orb,.back-top):before{content:"";z-index:-1;background:var(--blue);border-radius:50%;transition:transform .55s cubic-bezier(.76,0,.24,1),border-radius .55s;position:absolute;inset:-15% -5%;transform:translateY(105%)}.motion-magnetic:is(.pill-link,.contact-orb,.back-top):hover:before{border-radius:0;transform:translateY(0)}.motion-magnetic:is(.pill-link,.contact-orb,.back-top):hover{color:#fff;transform:none}.motion-magnetic.pill-link:hover{background:0 0}.motion-magnetic.contact-orb:hover{background:#b7c5aa}.experience-strip{border-top:1px solid var(--line);grid-template-columns:.8fr 1fr 1.2fr;gap:35px;margin-top:65px;padding-top:30px;display:grid}.experience-strip>div{flex-direction:column;gap:12px;display:flex}.experience-strip strong{letter-spacing:-.045em;font-size:clamp(23px,2.4vw,36px);font-weight:450}.experience-strip span{color:var(--muted);font-size:12px;line-height:1.6}.portfolio-preview{border-top:1px solid var(--line);margin-top:48px;padding-top:25px}.portfolio-preview-links{grid-template-columns:1fr 1fr 1fr;gap:0 35px;margin-top:20px;display:grid}.portfolio-preview-links a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-block:20px;font-size:16px;display:flex}.portfolio-preview-links a:hover{color:var(--blue)}.portfolio-preview-links .arrow{flex-shrink:0;width:18px;height:18px}.portfolio-nav{flex-wrap:wrap;gap:12px;margin-bottom:60px;display:flex}.portfolio-nav a{border:1px solid var(--line);border-radius:40px;align-items:center;gap:18px;padding:14px 22px;font-size:13px;display:inline-flex}.portfolio-nav a span{color:var(--muted);font-size:11px}.portfolio-nav a:hover{background:#e6e9de}.portfolio-directory{padding-bottom:110px}.portfolio-group{border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;gap:10%;padding-block:45px 60px;scroll-margin-top:30px;display:grid}.portfolio-group>header h2{letter-spacing:-.04em;margin-block:22px;font-size:clamp(26px,3vw,43px);font-weight:450;line-height:1.3}.portfolio-group>header p{color:var(--muted);max-width:320px;font-size:14px;line-height:1.9}.portfolio-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;padding:25px 0 32px;display:flex}.portfolio-row:first-child{padding-top:0}.portfolio-row:last-child{border-bottom:0}.portfolio-status{color:var(--muted);margin-bottom:14px;font-size:11px;display:block}.portfolio-row h3{letter-spacing:-.04em;font-size:clamp(27px,3.1vw,45px);font-weight:450;line-height:1.15}.portfolio-row p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.7}.portfolio-row>.arrow{flex-shrink:0;width:27px;height:27px;margin-top:37px;transition:transform .2s}.portfolio-row:hover h3{color:var(--blue)}.portfolio-row:hover>.arrow{transform:translate(3px,-3px)}.project-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:7px 11px;font-size:10px}.visual-flow{background:#d7d5e1;container-type:inline-size}.visual-flow[data-project=onni-b2b]{background:#d4dccb}.visual-flow[data-project=membership-distribution]{background:#e0d7c5}.visual-flow[data-project=ai-sales-assistant]{background:#e4deb8}.visual-flow[data-project=autoclip]{background:#cbd9d9}.visual-flow[data-project=skillhub]{background:#c7cfbd}.system-map{flex-direction:column;display:flex;position:absolute;inset:9% 7% 12%}.system-map-top{opacity:.65;justify-content:space-between;align-items:center;gap:15px;display:flex}.system-map-top .mono{font-size:clamp(8px,1.1cqi,13px)}.system-map-title{letter-spacing:-.06em;justify-content:space-between;align-items:flex-start;gap:20px;max-width:100%;margin-block:auto;font-size:clamp(32px,7.5cqi,96px);font-weight:450;line-height:1.05;display:flex}.system-map-title>span{opacity:.6;font-family:Georgia,serif}.system-map-flow{grid-template-columns:repeat(4,1fr);gap:2%;display:grid}.system-map-flow>div{background:#ffffff35;border:1px solid #25272230;border-radius:4px;flex-direction:column;gap:15px;min-height:100px;padding:15% 12%;display:flex;position:relative}.system-map-flow b{font-size:clamp(9px,1.4cqi,19px);font-weight:450;line-height:1.4}.system-map-flow .mono{opacity:.55;font-size:clamp(8px,.9cqi,11px)}.map-node{background:currentColor;border-radius:50%;width:5px;height:5px;margin-top:auto}.career-section{padding-bottom:0}.career-section>.section-heading{max-width:1000px;margin-top:30px}.career-outcomes{background:#e7eadf;margin-block:50px 70px;padding:32px 40px 38px}.career-outcomes>div{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;display:grid}.career-outcomes>div>div{flex-direction:column;gap:12px;display:flex}.career-outcomes strong{letter-spacing:-.05em;font-size:clamp(36px,5vw,76px);font-weight:450}.career-outcomes span{color:var(--muted);font-size:13px;line-height:1.6}.career-entry{border-top:1px solid var(--line);grid-template-columns:.6fr 1.4fr;gap:10%;padding-block:45px 60px;display:grid}.career-period p{letter-spacing:-.02em;font-size:18px}.career-period>span{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6;display:block}.career-company{font-size:16px;line-height:1.5}.career-content h3{letter-spacing:-.04em;margin-top:14px;font-size:clamp(29px,3.2vw,45px);font-weight:450;line-height:1.2}.career-summary{margin-top:24px;font-size:19px;line-height:1.8}.career-content ul{color:var(--muted);margin:25px 0 0;padding-left:18px;font-size:15px;line-height:1.9}.career-content li{margin-block:12px;padding-left:6px}.career-projects{flex-wrap:wrap;gap:18px 24px;margin-top:30px;display:flex}.career-projects>span{color:var(--muted);flex-basis:100%}.career-projects .text-link{gap:12px;font-size:12px}.case-title-line h1{overflow-wrap:anywhere;min-width:0}.home-proof{border-top:1px solid var(--line);margin-top:4rem;padding-top:2rem}.proof-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-proof .experience-strip{border:0;margin-top:2rem;padding-top:0}.proof-context,.capture-note{color:var(--muted);font-size:.9rem;line-height:1.8}.proof-context{max-width:70ch;margin-top:1.4rem}.service-scope{margin:1.7rem 0 0;font-size:.88rem;line-height:1.8}.service-scope dt{margin-top:1rem;font-weight:600}.service-scope dd{color:var(--muted);margin:.3rem 0 0}.collaboration-process{border-top:1px solid var(--line);margin-top:4rem;padding-top:2rem}.collaboration-process h3{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:500}.collaboration-process ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:3rem;margin:2rem 0;padding:0;list-style:none;display:grid}.collaboration-process li{counter-increment:steps}.collaboration-process li:before{content:"0" counter(steps);color:var(--muted);margin-bottom:1rem;font-size:.8rem;display:block}.collaboration-process h4{margin-bottom:.7rem;font-size:1.1rem;font-weight:500}.collaboration-process p{color:var(--muted);font-size:.94rem;line-height:1.8}.process-note{max-width:75ch}.contact-brief{border-top:1px solid #ffffff26;padding:2rem 0}.contact-brief h3{font-size:1.15rem;font-weight:500}.contact-brief ul{color:#c7c7c9;grid-template-columns:1fr 1fr;gap:.75rem 3rem;max-width:900px;margin:1.4rem 0;padding-left:1.2rem;font-size:.95rem;line-height:1.7;display:grid}.contact-brief>p{color:#a4a4a9;font-size:.88rem;line-height:1.8}.case-cover{justify-content:center;align-items:center;width:100%;height:100%;padding:6%;display:flex}.case-cover img{object-fit:contain;border-radius:6px;width:100%;height:auto;max-height:100%;box-shadow:0 15px 40px #0002}.case-cover-portrait img{border-radius:12px;width:auto;max-width:100%;height:100%}.case-outcomes{grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:3rem;padding-bottom:3rem;display:grid}.case-outcomes strong{letter-spacing:-.04em;font-size:clamp(1.5rem,3.2vw,2.8rem);font-weight:500;display:block}.case-outcomes span{color:var(--muted);margin-top:.5rem;font-size:.9rem;line-height:1.7;display:block}.case-walkthrough{padding-top:2rem;padding-bottom:3rem}.case-walkthrough h2{max-width:30ch;margin:1rem 0;font-size:clamp(1.6rem,3.4vw,2.7rem);font-weight:500;line-height:1.3}.capture-note{max-width:88ch}case-walkthrough{margin-top:2rem;display:block}.walkthrough-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.walkthrough-controls button{border:1px solid var(--line);font:inherit;cursor:pointer;color:inherit;background:0 0;border-radius:999px;padding:.85rem 1.1rem;font-size:.85rem}.walkthrough-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.walkthrough-frame{margin:0}.capture-stage{background:#e9e8e3;border-radius:14px;justify-content:center;padding:1.5rem;display:flex}.capture-stage a{max-width:100%;display:block}.capture-stage img{border-radius:6px;width:100%;height:auto;display:block}.capture-portrait a{max-width:360px}.capture-portrait img{object-fit:contain;max-height:620px}.walkthrough-frame figcaption{max-width:85ch;padding:1.3rem 0 2rem}.walkthrough-frame figcaption strong{font-size:1.05rem;font-weight:500}.walkthrough-frame figcaption p{color:var(--muted);margin:.5rem 0;line-height:1.8}.walkthrough-frame figcaption span{color:var(--muted);font-size:.8rem}.case-recording{margin-top:2rem}.case-recording h3{margin-bottom:1.2rem;font-size:1.3rem;font-weight:500}.case-recording video{aspect-ratio:8/5;background:#e9e8e3;border-radius:12px;width:100%;display:block}.case-recording p{color:var(--muted);margin-top:1rem;font-size:.88rem;line-height:1.8}.about-overview{margin-bottom:clamp(45px,6vw,85px)}.about-overview ol{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:24px 0 0;padding:0;list-style:none;display:grid}.about-overview li+li{border-left:1px solid var(--line)}.about-overview a{flex-direction:column;gap:11px;height:100%;padding:28px 32px;transition:background .2s;display:flex;position:relative}.about-overview a:hover{background:#e8ebdf}.overview-period{color:var(--muted)}.overview-company{margin-top:10px;padding-right:20px;font-size:20px;font-weight:500;line-height:1.5}.overview-role{font-size:14px}.overview-focus{color:var(--muted);max-width:28ch;font-size:14px;line-height:1.7}.about-overview .arrow{width:18px;height:18px;position:absolute;top:31px;right:25px}.about-background,.career-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-block:24px}.about-background summary,.career-details summary{cursor:pointer;min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding-block:15px;font-size:14px;list-style:none;display:flex}.about-background summary::-webkit-details-marker,.career-details summary::-webkit-details-marker{display:none}.about-background summary>span,.career-details summary>span:last-child{font-size:22px;line-height:1;transition:rotate .2s}.about-background[open] summary>span,.career-details[open] summary>span:last-child{rotate:45deg}.about-background p{margin-bottom:22px}.details-open{display:none}details[open] .details-open{display:inline}details[open] .details-closed{display:none}.career-details .project-tags{padding-bottom:24px}.career-details ul{margin-top:0}.career-entry{scroll-margin-top:30px}.home-page .hero-portrait{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 19% 81%,#0000),linear-gradient(#0000,#000 2% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 19% 81%,#0000),linear-gradient(#0000,#000 2% 94%,#0000);mask-composite:intersect}.language-switch>.arrow{flex:none;width:16px;height:16px}.hero-asterisk{width:48px;height:48px}.motion-cursor{gap:5px}.motion-cursor .arrow{width:14px;height:14px}.footer-signature{align-items:flex-start;gap:5px;display:inline-flex}.footer-signature .arrow{width:13px;height:13px;margin-top:5px}.social-links a{align-items:center;gap:5px;display:inline-flex}.social-links .arrow{width:13px;height:13px}.back-top .arrow{width:15px;height:15px;rotate:-45deg}.system-map-title>span>.arrow{width:1em;height:1em}.onni-wordmark>span>.arrow{width:16px;height:16px;display:inline-block}.paper-bottom b .arrow{width:18px;height:18px}.editor-bar b span svg{vertical-align:-.12em;width:1em;height:1em;display:inline-block}.editor-bar>i>.arrow{width:12px;height:12px}.case-walkthrough figcaption span .arrow{vertical-align:-.2em;width:13px;height:13px;margin-left:4px;display:inline-block}.error-page .pill-link .arrow{width:17px;height:17px}}@layer responsive{@media (width>=1700px){.hero-name{font-size:12.8vw}}@media (width<=1100px){.hero{min-height:720px}.hero-summary{width:25%}.hero-location{gap:20px;max-width:225px;padding-block:20px}.hero-location span{font-size:11px}.hero-name{bottom:95px}.services-grid{gap:30px}.footer-credit,.note-date{display:none}.about-art{min-height:400px}}@media (width<=800px){.site-header{gap:18px;height:88px}.desktop-nav{display:none}.menu-toggle{display:flex}.brand-name{font-size:12px}.brand-mark{font-size:31px}.header-actions{gap:14px}.language-switch{border:0;padding-left:0}.menu-open .site-header{background:var(--paper)}.hero{height:min(840px,100svh);min-height:0}.hero-summary{left:var(--gutter);width:70%;max-width:380px;top:135px;right:auto}.hero-asterisk{font-size:40px;position:absolute;top:0;right:-10%}.hero-role{font-size:30px}.hero-intro{max-width:300px;margin-top:18px;font-size:13px}.hero-link{margin-top:16px}.hero-art{width:63%;height:58%;top:28%;left:34%}.letter-l{font-size:410px}.letter-t{font-size:300px}.hero-location{padding:17px 20px 17px var(--gutter);gap:20px;max-width:220px;top:55%}.hero-location svg{width:30px;height:30px}.hero-name{font-size:13vw;bottom:92px}.hero-bottom>.mono:last-child:not(.motion-pause){display:none}.intro-grid{grid-template-columns:1fr;gap:34px}.intro-copy{max-width:550px;margin-left:16%}.intro-section>.eyebrow{margin-bottom:30px}.project-grid{gap:35px 22px}.project-open{width:40px;height:40px}.project-category{font-size:10px}.project-caption p{font-size:12px}.section-aside{font-size:11px}.visual-caption{font-size:8px;bottom:12px;right:14px}.invoice-paper{height:85%;top:13%}.editor-window{height:73%}.services-grid{gap:25px}.service h3{font-size:22px}.service>p{font-size:13px}.footer-invitation{gap:24px}.footer-invitation h2{font-size:8vw}.lang-zh .footer-invitation h2{font-size:6.6vw}.footer-contact-row>p{max-width:300px;font-size:13px}.footer-contact-row .text-link{flex-shrink:0;gap:12px;font-size:12px}.page-heading{padding-top:45px;padding-bottom:55px}.about-grid{gap:6%}.about-art{min-height:420px}.about-copy{font-size:14px}.about-copy .about-lead{font-size:22px}.about-art>.mono{font-size:6px;left:15px}.principle{grid-template-columns:25px 1fr 1fr;gap:22px}.principle h2{font-size:24px}.case-meta{grid-template-columns:1fr 1fr;margin-top:45px}.case-title-line .mono{display:none}.case-section{gap:8%}}@media (width<=540px){.section-pad{padding-block:75px}.brand{gap:12px}.brand-name{font-size:11px}.header-actions{gap:9px}.language-switch{font-size:11px}.hero{height:min(770px,100svh)}.hero-summary{width:75%;top:127px}.hero-role{font-size:28px}.hero-asterisk{font-size:34px;right:-8%}.hero-intro{max-width:225px;font-size:12px}.hero-art{width:78%;height:40%;top:43%;left:25%}.letter-l{font-size:320px;top:-7%;left:0}.letter-t{font-size:220px;top:26%;right:-3%}.monogram-halo{width:75%;height:104%}.hero-location{gap:14px;max-width:165px;padding-right:18px;top:58%}.hero-location>span{max-width:76px;font-size:9px;line-height:1.65}.hero-location svg{width:26px;height:26px}.hero-name{font-size:12.75vw;bottom:92px;left:4.3%}.hero-bottom{bottom:27px}.hero-bottom .mono{letter-spacing:.05em;font-size:7px}.scroll-cue{gap:8px;font-size:9px}.section-heading{font-size:38px}.lang-zh .section-heading{font-size:34px}.eyebrow{gap:14px;font-size:11px}.intro-copy{margin-left:0}.intro-copy>p{font-size:14px;line-height:1.95}.section-topline{margin-bottom:25px;padding-top:23px;display:block}.section-aside{margin-top:16px}.project-grid{grid-template-columns:1fr;gap:25px}.project-featured{grid-column:auto}.project-featured .project-visual{aspect-ratio:1.2}.project-visual{aspect-ratio:1.15}.onni-wordmark{font-size:49px;top:9%}.browser-frame{width:95%;top:32%;right:-18%}.browser-chrome{padding:6px 8px}.browser-chrome>span{font-size:6px}.browser-chrome i{width:3px;height:3px}.project-caption{padding-block:18px 20px}.project-caption h3{font-size:27px}.project-caption p{font-size:13px}.invoice-top b{font-size:23px}.paper-title{font-size:33px}.invoice-top>span{font-size:6px}.preview-caption{font-size:27px}.video-track i{height:16px}.center-link{margin-block:20px 70px}.pill-link{min-height:58px;padding:15px 25px;font-size:13px}.services-section .section-heading{margin-top:30px}.services-grid{grid-template-columns:1fr;gap:32px;margin-top:42px}.service{grid-template-columns:25px 1fr;gap:14px;padding-top:25px;display:grid}.service-number{margin-top:8px}.service h3{margin:0;font-size:25px}.service>p{grid-column:2;font-size:14px}.service-foot{margin-top:35px;display:block}.service-foot .text-link{margin-top:17px}.notes-heading{margin-bottom:35px;display:block}.notes-heading .text-link{margin-top:25px}.note-row{gap:15px;padding-block:28px}.note-number{align-self:flex-start;width:15px;margin-top:4px;font-size:9px}.note-row h3{font-size:20px;line-height:1.5}.note-row p{font-size:12px}.note-row>.arrow{width:18px;height:18px}.site-footer{border-radius:18px 18px 0 0;padding-top:58px}.footer-invitation{gap:15px;margin-top:33px}.footer-invitation h2{font-size:9vw}.lang-zh .footer-invitation h2{font-size:7vw}.contact-orb{width:62px}.footer-contact-row{margin-top:32px;display:block}.footer-contact-row .text-link{margin-top:20px;font-size:13px}.footer-bottom{flex-wrap:wrap;gap:26px 16px;margin-top:55px;padding-top:25px}.footer-signature{flex:1;font-size:22px}.social-links{order:4;width:100%;margin-left:0;padding-top:2px}.back-top{margin-left:auto}.page-heading{padding-top:40px}.page-title{font-size:49px}.lang-zh .page-title{font-size:42px}.page-description{margin-top:28px;font-size:15px}.about-grid{grid-template-columns:1fr;gap:38px}.about-art{aspect-ratio:.95;min-height:0}.about-monogram{font-size:280px}.about-art>.mono{font-size:8px}.about-copy{font-size:15px}.about-copy .about-lead{font-size:25px}.principle{grid-template-columns:20px 1fr;gap:20px;padding-block:28px}.principle>p{grid-column:2;font-size:14px}.principle h2{font-size:24px}.case-heading{padding-top:25px}.back-link{margin-bottom:28px}.case-title-line h1{font-size:48px}.case-subtitle{font-size:20px;line-height:1.5}.case-meta{gap:25px 20px;margin-block:35px}.case-meta p{font-size:12px}.visual-large{aspect-ratio:1.15}.visual-large .invoice-paper{padding:6%}.visual-large.visual-invoice .invoice-paper{width:57%;height:84%;top:15%;left:24%}.visual-large.visual-invoice .paper-back{top:19%;left:19%}.visual-large .invoice-top b{font-size:21px}.visual-large .invoice-table{gap:11px}.visual-large .invoice-table>span{font-size:5px}.visual-large .invoice-table i{height:3px}.visual-large .editor-window{width:85%;height:72%;padding:3%;top:16%;left:8%}.visual-large .editor-bar b{font-size:10px}.visual-large .editor-bar>span{font-size:5px}.visual-large .preview-caption{font-size:27px}.visual-large .editor-controls{padding-block:3%;font-size:6px}.visual-large .timeline-ruler,.visual-large .caption-track i{font-size:5px}.case-body{padding-block:45px}.case-intro{margin-bottom:45px;font-size:24px}.case-section{grid-template-columns:1fr;gap:25px;padding-block:32px}.case-section h2{margin-top:12px;font-size:27px}.case-section p{font-size:15px}.next-project{padding-block:35px 65px}.next-project h2{font-size:35px}.next-project>.arrow{width:38px;height:38px}.article-page{padding-top:35px;padding-bottom:65px}.article-page h1{font-size:40px}.lang-zh .article-page h1{font-size:35px}.article-summary{font-size:17px}.article-page header>.eyebrow{gap:12px;font-size:10px}.article-byline{gap:10px;font-size:10px}.prose h2{font-size:25px}.prose p{font-size:16px}.article-related{padding:24px}.notes-index{padding-bottom:75px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=800px){.home-page .hero-art{width:68%;height:65%;top:29%;left:31%}}@media (width<=540px){.home-page .hero-art{width:76%;height:52%;top:37%;left:24%}.hero-bottom .motion-pause{font-size:10px;display:block;position:absolute;bottom:35px;right:0}}@media (hover:none),(pointer:coarse){.motion-cursor,.motion-preview{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-intro,.motion-page-wipe,.motion-cursor,.motion-preview,.motion-pause{display:none!important}.motion-reveal,.motion-reveal.motion-visible{opacity:1;transition:none;transform:none}.motion-enabled .hero-summary,.motion-enabled .hero-location,.motion-enabled .hero-name{animation:none}.motion-enabled .hero-art{translate:none}.motion-enabled .hero-name{transform:none}.motion-magnetic,.motion-magnetic>.arrow{transition:none;translate:none}.hero-name-track,.motion-line>span{transform:none!important}.hero-name-copy~.hero-name-copy,.marquee-separator{display:none!important}.motion-enabled .hero-name{font-size:13vw;left:3.4%}}@media (width<=800px){.experience-strip{gap:20px}.portfolio-preview-links{grid-template-columns:1fr 1fr}.portfolio-group{grid-template-columns:.7fr 1.3fr;gap:6%}.portfolio-group>header p{font-size:13px}.system-map-flow{grid-template-columns:repeat(2,1fr);gap:10px}.system-map-flow>div{gap:8px;min-height:65px;padding:12px}.map-node{display:none}.career-entry{grid-template-columns:.6fr 1.4fr;gap:6%}}@media (width<=540px){.experience-strip{grid-template-columns:1fr;gap:20px;margin-top:35px}.experience-strip>div{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.experience-strip strong{flex-shrink:0;font-size:23px}.experience-strip span{text-align:right;max-width:175px;font-size:11px}.portfolio-preview{margin-top:22px}.portfolio-preview-links{grid-template-columns:1fr;margin-top:12px}.portfolio-preview-links a{padding-block:18px;font-size:17px}.portfolio-nav{gap:8px;margin-bottom:35px}.portfolio-nav a{gap:12px;padding:12px 15px;font-size:12px}.portfolio-directory{padding-bottom:65px}.portfolio-group{grid-template-columns:1fr;gap:35px;padding-block:30px}.portfolio-group>header h2{margin-block:16px;font-size:28px}.portfolio-row{gap:18px;padding-block:25px}.portfolio-row h3{font-size:29px}.portfolio-row p{font-size:14px}.portfolio-row>.arrow{width:21px;height:21px}.project-tags{gap:6px}.project-tags span{font-size:9px}.system-map-title{margin-block:22px;font-size:10cqi}.system-map-flow b{font-size:11px}.system-map-top .mono{font-size:8px}.system-map-flow>div{gap:8px;min-height:60px;padding:10px}.career-section{padding-bottom:0}.career-outcomes{margin-block:30px 40px;padding:25px 20px}.career-outcomes>.eyebrow{font-size:10px;line-height:1.65}.career-outcomes>div{gap:14px;margin-top:22px}.career-outcomes strong{white-space:nowrap;font-size:31px}.career-outcomes span{font-size:10px}.career-entry{grid-template-columns:1fr;gap:28px;padding-block:30px 40px}.career-period p{font-size:14px}.career-period>span{margin-top:8px;font-size:11px}.career-company{font-size:14px}.career-content h3{font-size:33px}.career-summary{font-size:17px}.career-content ul{font-size:14px}}@media (width<=700px){.service-scope{grid-column:2;margin-top:0}.collaboration-process ol,.contact-brief ul{grid-template-columns:1fr;gap:1.6rem}.case-outcomes{grid-template-columns:1fr;gap:1.4rem}.case-outcomes>div{grid-template-columns:minmax(110px,.8fr) 1fr;align-items:center;gap:1rem;display:grid}.case-outcomes span{margin:0}.capture-stage{padding:.7rem}.walkthrough-controls button{padding:.7rem .8rem;font-size:.8rem}.case-cover{padding:5%}.case-walkthrough{padding-top:1rem}}@media (width<=800px){.about-overview a{padding:24px 20px}.overview-company{font-size:17px}.about-overview .arrow{top:26px;right:16px}.overview-focus{font-size:13px}.menu-toggle,.language-switch{justify-content:center;min-width:44px;min-height:44px}.hero-link,.text-link,.scroll-cue,.motion-pause{min-height:44px}}@media (width<=540px){.about-overview ol{grid-template-columns:1fr;margin-top:18px}.about-overview li+li{border-left:0;border-top:1px solid var(--line)}.about-overview a{grid-template-columns:1fr auto;gap:7px 16px;padding:20px 0;display:grid}.overview-period{grid-column:1/-1;font-size:10px}.overview-company{grid-column:1;margin:2px 0 0;padding:0}.overview-role{grid-column:1;font-size:13px}.overview-focus{grid-column:1;max-width:none;font-size:13px}.about-overview .arrow{grid-area:2/2/5;align-self:center;position:static}.hero-name{bottom:118px}.about-art{aspect-ratio:.86;min-height:0}.about-background summary,.career-details summary{font-size:14px}}@media (width<=1000px) and (height<=540px) and (orientation:landscape){.site-header{height:88px}.desktop-nav{display:none}.menu-toggle{width:44px;height:44px;display:flex}.language-switch{border:0;justify-content:center;min-width:44px;min-height:44px;padding:0}.mobile-nav{overscroll-behavior:contain;max-height:calc(100dvh - 88px);overflow-y:auto}.hero{height:640px;min-height:0}.home-page .hero-art{width:56%;height:500px;top:90px;left:43%}.hero-summary{left:var(--gutter);width:40%;max-width:340px;top:140px;right:auto}.hero-asterisk{display:none}.hero-role{font-size:28px}.hero-intro{margin-top:20px;font-size:13px}.hero-link{min-height:44px;margin-top:16px}.hero-location{max-width:220px;padding-block:15px;top:auto;bottom:160px}.hero-name{bottom:76px}.hero-bottom .motion-pause{min-height:44px;display:block;position:static}.hero-bottom .scroll-cue{min-height:44px}}@media (width<=800px) and (prefers-reduced-motion:no-preference){.hero-asterisk{width:40px;height:40px}.motion-reveal{transform:translateY(24px)}.motion-reveal.motion-visible{transition:opacity .4s,transform .65s cubic-bezier(.16,1,.3,1)}.section-heading.motion-visible .motion-line>span{transition-duration:.65s}}@media (width<=800px) and (prefers-reduced-motion:reduce){.hero-asterisk{width:40px;height:40px}}@media (width<=540px){.hero-asterisk{width:34px;height:34px}}@media (width<=375px) and (height<=620px){.home-page .hero-art{width:56%;height:48%;top:40%;left:45%}.hero-intro{max-width:180px}}}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.case-snapshot{margin-block:1rem 3rem}.case-snapshot dl{border-block:1px solid var(--line);grid-template-columns:1fr 1.2fr 1.2fr;gap:2rem;margin-top:1rem;padding-block:1.5rem;display:grid}.case-snapshot dt{color:var(--muted);margin-bottom:.7rem;font-size:.8rem}.case-snapshot dd{margin:0;font-size:.95rem;line-height:1.8}.case-snapshot nav{flex-wrap:wrap;gap:.4rem 1.5rem;display:flex}.case-snapshot nav a{text-underline-offset:4px;align-items:center;min-height:44px;font-size:.8rem;text-decoration:underline;display:inline-flex}.story-chapters{display:none}.story-active{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:6%;display:grid}.story-active .story-stage{min-width:0;position:sticky;top:30px}.story-active .capture-stage{height:min(52vh,520px);min-height:0}.story-active .capture-stage img{max-height:min(48vh,480px)}.story-active .walkthrough-frame figcaption{padding-bottom:0}.story-active .walkthrough-frame figcaption p{display:none}.story-active .story-chapters{display:block}.story-chapters section{flex-direction:column;justify-content:center;min-height:72vh;padding-block:3rem;display:flex}.story-chapters h3{margin-block:1.2rem;font-size:clamp(1.7rem,2.6vw,2.8rem);font-weight:450;line-height:1.3}.story-chapters p{line-height:1.85}.story-chapters .story-caption{color:var(--muted);margin-top:1rem;font-size:.9rem}.experiment{border:1px solid var(--line);background:#eeeee6;border-radius:24px;margin-block:2rem;padding:clamp(24px,4vw,64px)}.experiment h2,.business-map h2,.project-brief h2,.lab-invitation h2{letter-spacing:-.035em;margin-block:1rem;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:450;line-height:1.3}.experiment-intro{color:var(--muted);max-width:70ch;margin-bottom:2rem;line-height:1.85}caption-demo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.caption-screen{aspect-ratio:4/3;color:#fff;isolation:isolate;background:#252f38;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden}.caption-landscape{z-index:-1;background:#a8baae;border-radius:50%;position:absolute;inset:15% -15% -60%;transform:rotate(-20deg)}.caption-landscape:after{content:"";background:#657c70;border-radius:45%;position:absolute;inset:20% -10% -20%;transform:rotate(30deg)}.caption-screen [data-caption-preview]{text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;background:#141517d9;border-radius:6px;align-self:center;max-width:95%;margin-top:auto;margin-bottom:2rem;padding:.4rem .8rem;font-size:clamp(1rem,2vw,1.5rem);line-height:1.6}.caption-screen [data-caption-preview]:empty{visibility:hidden}.caption-time{align-self:flex-end}.demo-controls{border:0;min-width:0;margin:0;padding:0}.demo-controls label,project-brief label{margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:block}.demo-controls textarea,project-brief textarea{resize:vertical;background:var(--paper);width:100%;color:var(--ink);border:1px solid #90958a;border-radius:8px;margin-top:.5rem;padding:.8rem;line-height:1.65;display:block}.demo-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--blue);display:block}.demo-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.demo-actions button{background:var(--ink);min-height:44px;color:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:.8rem 1.2rem;line-height:1.4}.demo-actions button[data-reset]{color:var(--ink);background:0 0}.demo-actions button:disabled{opacity:.5;cursor:not-allowed}.demo-note,.demo-status{color:var(--muted);margin-top:.6rem;font-size:.8rem;line-height:1.7}.demo-status{min-height:1.7em;color:var(--ink)}.order-states{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:0;list-style:none;display:grid}.order-states li{border-top:2px solid var(--line);color:var(--muted);padding:1rem;line-height:1.5}.order-states li .mono{margin-bottom:.5rem;display:block}.order-states li[aria-current=step]{border-color:var(--blue);color:var(--ink);background:#e0e1f4;border-radius:0 0 8px 8px}.order-ticket{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-block:1.5rem;padding:2rem}.order-ticket p{margin-top:1rem}.order-state{font-size:1.8rem}.business-map{padding-block:3rem}.business-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.business-nodes details{border:1px solid var(--line);background:#e5e9df;border-radius:12px;padding:1.5rem}.business-nodes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-size:1.1rem;display:flex}.business-nodes summary span{font-size:1.6rem}.business-nodes details[open] summary span{transform:rotate(45deg)}.business-nodes details p{margin-block:1rem;line-height:1.85}.project-brief{border-top:1px solid var(--line);padding-block:4rem}.project-brief>p:not(.eyebrow){color:var(--muted)}project-brief{max-width:780px;margin-top:2rem;display:block}.lab-experiments{padding-bottom:5rem}.lab-experiments>.text-link{margin-bottom:2rem}.lab-invitation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;padding-block:4rem;display:flex}.lab-invitation p:not(.eyebrow){color:var(--muted);line-height:1.8}@media (width<=999px){.case-snapshot dl{grid-template-columns:1fr;gap:1.2rem}caption-demo{grid-template-columns:1fr}.lab-invitation{flex-direction:column;align-items:flex-start}}@media (width<=600px){.experiment{border-radius:16px;padding:1.3rem}.experiment .eyebrow{font-size:10px}.business-nodes{grid-template-columns:1fr}.order-states{grid-template-columns:1fr;gap:0}.order-states li{align-items:center;gap:.8rem;padding:.7rem;font-size:.85rem;display:flex}.order-states li .mono{margin:0}.case-snapshot nav{flex-direction:column}}.business-nodes{gap:2rem;position:relative}.business-nodes:before{content:"";pointer-events:none;border:1px dashed #929b85;position:absolute;inset:20% 25%}.business-nodes details{position:relative}@media (width<=600px){.business-nodes:before{border-width:0 0 0 1px;inset:10% 50%}}.story-active figcaption strong,.story-active figcaption span{display:block}.story-active figcaption span{margin-top:.5rem}.case-heading+.container+.case-snapshot{margin-top:3rem}needs-guide,image-gallery{display:block}.guide-section{padding-bottom:clamp(70px,10vw,150px)}needs-guide{max-width:820px}needs-guide fieldset,.role-controls{border:0;margin:0 0 1.5rem;padding:0}needs-guide legend{margin-bottom:1.5rem}needs-guide h2{margin:1rem 0;font-size:clamp(24px,4vw,40px)}.guide-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;margin:.7rem 0;padding:1.2rem;display:flex}.guide-option:has(:checked){border-color:var(--blue);background:#e9eaf6}.guide-option input{width:20px;height:20px;accent-color:var(--blue)}needs-guide textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:12px;margin:1rem 0;padding:1rem;display:block}needs-guide [data-result]{margin:2rem 0}needs-guide [data-result]>label{margin-top:2rem;display:block}.guide-entry{margin-bottom:2rem}image-gallery dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:1rem;overflow:auto}image-gallery dialog::backdrop{background:#171c21dd}.gallery-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.gallery-toolbar h2{margin-right:auto;font-size:1.1rem}.gallery-toolbar a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.gallery-toolbar button,.role-controls button,caption-demo [data-add],caption-demo [data-remove]{border:1px solid var(--line);min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:25px;padding:.6rem 1rem}.role-controls button{margin:.6rem .5rem 0 0}.role-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}.gallery-viewport{background:#d8dbd6;height:min(64dvh,760px);overflow:auto}.gallery-viewport img{max-width:none;height:auto;margin-inline:auto;display:block}image-gallery [data-description],image-gallery [role=status]{margin:.6rem 0;font-size:.85rem}.caption-cue{border-bottom:1px solid var(--line);padding:1rem 0}.cue-timing{align-items:end;gap:1rem;margin-top:.5rem;display:flex}.cue-timing label{flex:1;min-width:0}.cue-timing input{border:1px solid var(--line);width:100%;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:.5rem}caption-demo [data-add]{margin:1rem 0}@media (width<=480px){.cue-timing{flex-wrap:wrap;gap:.5rem}.cue-timing label{flex-basis:40%}.gallery-toolbar{gap:.3rem}}.capture-stage a{width:100%}.guide-section [data-result] h2,body:has(needs-guide) .page-title{text-wrap:balance}:root{color-scheme:light;--surface:#eeeee6;--active:#e0e1f4}:root[data-theme=dark]{color-scheme:dark;--paper:#191d1b;--ink:#f1f0e8;--muted:#b8beb4;--line:#51594f;--blue:#a2aaff;--footer:#111512;--surface:#252b26;--active:#343b58}.footer-tools{flex-wrap:wrap;align-items:center;gap:2rem;margin:2rem 0;display:flex}.theme-picker{align-items:center;gap:1rem;font-size:.9rem;display:flex}.theme-picker select{min-height:44px;color:inherit;background:var(--footer);font:inherit;border:1px solid #a4aa9e;border-radius:24px;padding:.5rem 1rem}.experiment{background:var(--surface)}.order-states li[aria-current=step],.guide-option:has(:checked){background:var(--active)}.order-panels{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.order-panel{border:1px solid var(--line);border-radius:16px;min-width:0;padding:1.4rem}.order-panel h3{font-size:1.6rem;font-weight:500}.order-panel[data-active=true]{border-color:var(--blue)}.order-panel .order-ticket{padding:1.2rem}.order-panel [data-wait]{color:var(--muted);margin-top:1rem;font-size:.85rem}order-journey{margin-top:3rem;display:block}order-journey h3,.project-updates h2{margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:450}.journey-steps{grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;list-style:none;display:grid}.journey-steps li{border:1px solid var(--line);border-radius:16px;padding:1.2rem}.journey-steps h4{margin:1rem 0;font-size:1.1rem}.journey-steps p{color:var(--muted);font-size:.9rem;line-height:1.8}.journey-steps [aria-current=step]{background:var(--active);border:2px solid var(--blue)}.journey-steps [data-complete=true]{border-style:dashed}order-journey [role=status]{margin-top:1rem}.project-updates{border-top:1px solid var(--line);padding-block:3rem}.project-updates dl{grid-template-columns:1fr 1fr;gap:1.5rem;line-height:1.8;display:grid}.project-updates dt{color:var(--muted);font-size:.85rem}.project-updates dd{margin:.5rem 0 0}.timeline{grid-column:1/-1;min-width:0}.timeline-help{color:var(--muted);margin:1rem 0;font-size:.85rem;line-height:1.7}.timeline-lanes{touch-action:pan-y;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding-block:.5rem;position:relative;overflow:hidden}.timeline-row{height:50px;position:relative}.timeline-cue{border:1px solid var(--blue);background:var(--active);min-width:12px;height:44px;color:var(--ink);font:inherit;white-space:nowrap;touch-action:none;cursor:grab;border-radius:5px;padding:0;font-size:.75rem;position:absolute;top:3px;overflow:hidden}.timeline-cue span{pointer-events:none;padding:0 .25rem}.timeline-head{background:var(--blue);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.timeline-ruler{color:var(--muted);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.portfolio-summary{max-width:1100px;padding-block:4rem}.portfolio-summary h1{letter-spacing:-.05em;margin:1rem 0;font-size:clamp(3rem,7vw,6rem);font-weight:450}.portfolio-summary h2{margin:1rem 0;font-size:1.8rem;font-weight:500}.portfolio-summary p{margin:1rem 0;line-height:1.8}.portfolio-summary [data-print]{background:var(--ink);color:var(--paper);border:0;border-radius:30px;min-height:44px;padding:.8rem 1.3rem}.summary-cases section{border-bottom:1px solid var(--line);padding:2rem 0}.summary-status{color:var(--muted);font-size:.85rem}.print-contact{overflow-wrap:anywhere;font-size:.85rem}:root[data-theme=dark] .hero,:root[data-theme=dark] .hero-grid{background:#353f56}:root[data-theme=dark] .hero-bottom,:root[data-theme=dark] .hero-intro,:root[data-theme=dark] .hero-asterisk,:root[data-theme=dark] .hero-name-period{color:#e1e6d9}:root[data-theme=dark] :is(.services-section,.career-outcomes,.article-related,.business-nodes details,.capture-stage,.gallery-viewport,.mini-mark){background:var(--surface)}:root[data-theme=dark] :is(.service>p,.service-foot>p,.page-heading>.eyebrow,.prose p,.section-number,.service-number,.note-number){color:var(--muted)}:root[data-theme=dark] :is(needs-guide textarea,.cue-timing input){background:var(--paper);color:var(--ink)}:root[data-theme=dark] :is(.portfolio-nav a:hover,.about-overview a:hover){background:var(--surface)}:root[data-theme=dark] .motion-curtain{color:#f1f0e8}:root[data-theme=dark] .skip-link{color:var(--paper)}:root[data-theme=dark] .project-visual{color:#252722}@media (width<=999px){.order-panels{grid-template-columns:1fr}.order-panel[data-active=false]{display:none}.journey-steps{grid-template-columns:1fr 1fr}}@media (width<=600px){.journey-steps,.project-updates dl{grid-template-columns:1fr}.order-panel{padding:.9rem}}@media print{@page{size:A4;margin:16mm}:root:has(.portfolio-summary){--paper:white;--ink:#111;--muted:#444;--line:#bbb;color-scheme:light;background:#fff}body:has(.portfolio-summary){color:#111;background:#fff;font-size:10pt}body:has(.portfolio-summary) :is(.site-header,.site-footer,.skip-link,motion-layer,.motion-intro,.motion-curtain,.motion-cursor,[data-print],.summary-cases .text-link){display:none!important}.portfolio-summary{width:100%;max-width:none;padding:0}.portfolio-summary h1{margin:5mm 0;font-size:30pt}.portfolio-summary h2{margin:3mm 0;font-size:15pt}.portfolio-summary p{margin:3mm 0;font-size:10pt;line-height:1.5}.portfolio-summary .eyebrow{font-size:8pt}.summary-cases section{break-inside:avoid;padding:5mm 0}.portfolio-summary header,.portfolio-summary footer{break-inside:avoid}.portfolio-summary a{color:#111}.portfolio-summary *{opacity:1!important;animation:none!important;transform:none!important}}