/* Mineral pigments on paper; four quiet colors identify four practice areas. */
:root{--bg:#f8f6f0;--ink:#30313a;--muted:#777781;--line:#dededc;--green:#4f6570;--soft:#e8eced;--aigc:#7b659f;--team:#ac7738;--tools:#357e8e;--landscape:#4b8265}
body{background:var(--bg)}.site-header{border-bottom:0}.brand-mark{background:#9c524d}.prototype-label{border-color:#ddd9d3;background:#f3ede8}.prototype-label i{background:#b18b5e}.name-dot,.title-dot{color:#9b709b}.top-nav .current:after{background:#92709d}.resume-button{border-color:#bfb6ce;background:#eeebf3}.resume-button:hover{background:#e4ddee}.profile-section p{color:#606675}.profile-facts{border-top-color:#d4dce0}.availability i{background:var(--landscape)}.interaction-studio{background:#eef1f4;border-color:#d9dfe5}.studio-symbol{color:#7380a2}.studio-name div>span{color:#697387}.studio-tabs button{border-color:#cbd3df}.studio-tabs button:hover,.studio-tabs button[aria-expanded=true]{background:#657393;border-color:#657393}.workflow-nodes button>span{background:#eef1f4}.workflow-nodes button[aria-pressed=true]>span{background:#657393;border-color:#657393}.workflow-body{background:#faf9f6}.filter[data-filter=aigc]{--category-color:var(--aigc)}.filter[data-filter=team]{--category-color:var(--team)}.filter[data-filter=tools]{--category-color:var(--tools)}.filter[data-filter=landscape]{--category-color:var(--landscape)}.filter[data-filter]:not([data-filter=all]):before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--category-color);vertical-align:2px;margin-right:6px}.filter.active{color:var(--category-color,var(--ink));border-bottom-color:var(--category-color,var(--ink))}.filter.active span{color:inherit}.card-note{color:#7e6b8e}.project-card[data-category=aigc]{--card-accent:var(--aigc)}.project-card[data-category=team]{--card-accent:var(--team)}.project-card[data-category=tools]{--card-accent:var(--tools)}.project-card[data-category=landscape]{--card-accent:var(--landscape)}.card-heading h3:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--card-accent);margin-right:7px;vertical-align:3px}.card-save[aria-pressed=true]{background:var(--card-accent)}.project-card:hover .card-heading h3{color:var(--card-accent)}.gallery-actions>button>span{background:#eae7f1}.view-switch button[aria-pressed=true]{background:#eae7f1;color:var(--aigc)}#direction-banner{border-left-color:var(--section-accent,#8a7c9a);background:#f0edf3}.info-content h2{color:#60506d}.hero-resume:hover,.hero-directions button:hover{color:var(--aigc)}
.ink-hero{max-width:1600px;margin:0 auto;padding:16px 7% 22px 8%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:15px;position:relative;border-bottom:1px solid var(--line);isolation:isolate;min-height:525px}.hero-copy{z-index:1;padding-bottom:24px}.hero-byline{font-size:12px;letter-spacing:2px;color:#7c7777;margin:0 0 24px;display:flex;align-items:center;gap:10px}.hero-byline>span{height:1px;width:24px;background:#b09072}.hero-copy h2{font-family:"KaiTi","STKaiti","Songti SC",serif;font-weight:500;font-size:clamp(40px,4.7vw,68px);line-height:1.3;letter-spacing:3px;margin:0 0 24px;color:#353844}.hero-copy h2>span{color:#a86960;letter-spacing:-8px}.hero-description{font-size:13px;color:#7a7981;line-height:2.1;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:22px}.hero-primary{display:flex;align-items:center;gap:33px;background:#4d5367;color:#f7f6ef;padding:12px 20px;font-size:12px;border-radius:2px;transition:background .2s}.hero-primary:hover{background:#747094}.hero-resume{font-size:12px;padding:10px 0}.hero-directions{display:flex;gap:11px 17px;flex-wrap:wrap;max-width:360px;margin-top:27px}.hero-directions button{padding:0;font-size:10px;color:#77747f;display:flex;gap:6px;align-items:center}.hero-directions i{width:5px;height:5px;border-radius:50%;background:var(--aigc)}.hero-directions [data-hero-category=team] i{background:var(--team)}.hero-directions [data-hero-category=tools] i{background:var(--tools)}.hero-directions [data-hero-category=landscape] i{background:var(--landscape)}
.ink-scene{height:490px;position:relative;min-width:0;isolation:isolate;perspective:1000px}.ink-halo{position:absolute;width:380px;height:380px;max-width:88%;max-height:80%;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-16deg);border-radius:48% 52% 47% 53%;background:radial-gradient(ellipse at 33% 26%,#d9dfeb70,transparent 65%),radial-gradient(ellipse at 70% 77%,#e5d9c766,transparent 65%);border:1px solid #dfdcd470;z-index:-1}.landscape-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#7a9a8b;stroke-width:1;opacity:.24;pointer-events:none;z-index:-1}.ink-character{position:absolute;inset:0 1% 22px;width:98%;height:calc(100% - 22px);padding:0;outline-offset:0;transform:translate(var(--ink-x,0px),var(--ink-y,0px)) rotate(var(--ink-r,0deg));transition:transform .45s cubic-bezier(.2,.65,.3,1);will-change:transform;cursor:pointer;z-index:1;touch-action:pan-y}.ink-character img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 11px #5d657012)}.ink-character:active img{filter:drop-shadow(0 6px 15px #81769928)}.orbit-element{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .25s;color:var(--team);font-size:10px;letter-spacing:1px;padding:9px;border-radius:6px;background:#f8f6f0c9;backdrop-filter:blur(3px)}.orbit-element svg{height:31px;width:31px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.orbit-element:hover{transform:translateY(-4px);background:#fffdf6;box-shadow:0 5px 20px #4b516210}.orbit-team{left:3%;top:17%}.orbit-tools{right:0;top:34%;color:var(--tools)}.orbit-landscape{left:9%;bottom:14%;color:var(--landscape)}.ink-seal{position:absolute;right:5%;bottom:17%;border:1px solid #a9655980;color:#a96559;font-family:"KaiTi",serif;padding:4px 5px;font-size:14px;line-height:1.15;transform:rotate(4deg);opacity:.8}.ink-instruction{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#918a87;margin:0;letter-spacing:1px}.ink-particles{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.ink-drop{position:absolute;width:var(--size);height:var(--size);border-radius:41% 59% 47% 53%;background:var(--drop-color,#434450);animation:ink-scatter .9s ease-out forwards}.ink-ring{position:absolute;width:30px;height:30px;border:1px solid #55566370;border-radius:48%;animation:ink-ring .8s ease-out forwards;margin:-15px}.visually-hidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.page-shell{padding-top:42px}.intro-row h2{font-size:34px}
@keyframes ink-scatter{from{transform:translate(-50%,-50%) scale(.5);opacity:.75}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15);opacity:0}}@keyframes ink-ring{from{transform:scale(.5);opacity:.7}to{transform:scale(5);opacity:0}}
@media(min-width:1500px){.ink-hero{min-height:570px}.ink-scene{height:530px}}
@media(max-width:1000px){.ink-hero{padding:20px 5% 25px;min-height:450px;grid-template-columns:.9fr 1.1fr}.ink-scene{height:415px}.hero-copy h2{font-size:44px}.hero-description{font-size:12px}.hero-actions{gap:15px}.hero-primary{padding:10px 15px;gap:20px}.hero-resume{font-size:11px}.hero-directions{max-width:240px}.orbit-team{left:0}.orbit-landscape{left:2%}.orbit-tools{right:-2%}}
@media(max-width:650px){.ink-hero{display:flex;flex-direction:column;padding:23px 6% 24px;gap:0;min-height:0}.hero-copy{align-self:stretch;padding-bottom:0}.hero-byline{font-size:10px;margin-bottom:15px}.hero-copy h2{font-size:43px;line-height:1.25;margin-bottom:15px;letter-spacing:2px}.hero-copy h2 br{display:none}.hero-description{font-size:11px;margin-bottom:17px}.hero-actions{gap:20px}.hero-primary{font-size:11px}.hero-resume{font-size:11px}.hero-directions{max-width:none;margin-top:20px;gap:12px}.hero-directions button{font-size:9px}.ink-scene{width:100%;height:355px;margin-top:17px}.ink-character{inset:0 3% 20px;width:94%;height:calc(100% - 20px)}.ink-halo{width:280px;height:280px}.orbit-team{top:16%;left:1%}.orbit-tools{top:33%;right:0}.orbit-landscape{bottom:17%;left:5%}.orbit-element{font-size:9px;padding:7px}.orbit-element svg{height:26px;width:26px}.ink-seal{right:7%;bottom:20%}.ink-instruction{font-size:9px;letter-spacing:0}.page-shell{padding-top:27px}.hero-copy h2{max-width:8em}.hero-copy h2 br{display:initial}.intro-row h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ink-character{transform:none!important;transition:none!important}.ink-drop,.ink-ring{animation:none;display:none}.orbit-element:hover{transform:none}}