@charset "UTF-8";
:root{--paper:#f7f6f2;--ink:#252522;--muted:#75736c;--line:#d8d6ce;--accent:#d94d2d;--serif:Georgia,'Times New Roman','Songti SC',SimSun,serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#e5bba7;color:#1b1b18}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button{background:none}em{font-family:var(--serif);font-weight:400}sup{font:10px var(--sans);margin-left:3px;color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(100% - 96px,1344px);margin-inline:auto}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.6px;line-height:1.7}.orange{color:var(--accent)}.serif{font-family:var(--serif);font-weight:400}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:20}.skip-link:focus{top:16px}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:12px;font-weight:500;padding:10px 0;border-bottom:1px solid var(--ink);line-height:1.4}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}
.site-header{height:102px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1;display:flex;flex-wrap:wrap;align-items:center;width:280px}.brand-dot{color:var(--accent);margin-right:5px}.brand-sub{width:100%;font-size:8px;font-weight:400;letter-spacing:1.8px;margin-top:8px}.site-header nav{display:flex;gap:36px;margin-inline:auto;align-items:center}.site-header nav a{font-size:12px;transition:color .2s}.site-header nav a:hover{color:var(--accent)}.header-contact{display:flex;align-items:center;gap:35px;font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0}.header-contact span{font-size:21px;line-height:1}.menu-toggle{display:none}.mobile-nav{padding:20px 0;border-bottom:1px solid var(--line)}.mobile-nav a,.mobile-nav button{display:block;padding:12px 0;text-align:left}
.hero{padding-top:39px;padding-bottom:64px}.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.hero-top .eyebrow{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.hero-location{font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-body{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}h1{font-size:clamp(54px,6.6vw,96px);font-weight:500;letter-spacing:-5px;line-height:1.19}.hero-english{font-size:13px;margin-top:24px;letter-spacing:-.2px}.hero-english em{font-size:18px;margin-left:8px}.hero-aside{padding-bottom:3px;max-width:280px;flex-shrink:0}.hero-aside p{font-size:12px;color:#68665f;line-height:2}.hero-aside .text-link{margin-top:23px;min-width:160px;justify-content:space-between}
.section-index{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0}.section-index h2{font-size:12px;font-weight:400}.section-index h2 span{font-size:9px;letter-spacing:1px;color:var(--muted);margin-left:14px}.section-index>span{font-size:10px;letter-spacing:.5px;color:var(--muted)}.feature-visual{display:block;position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;text-align:left;color:#fff2df;background:#d94d2d;padding:0}.feature-image{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1)}.feature-visual:hover .feature-image{transform:scale(1.025)}.feature-top{position:absolute;inset:32px 36px auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;line-height:1.5}.feature-title{position:absolute;left:5.7%;top:23%;font-size:clamp(52px,7.6vw,110px);font-weight:400;letter-spacing:-5px;line-height:.92}.feature-title em{display:block;margin-top:2px;font-size:1.12em;letter-spacing:-5px}.feature-bottom{position:absolute;inset:auto 36px 28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.8px}.round-arrow{border:1px solid currentColor;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;font:24px var(--sans);transition:transform .3s,background .3s}.feature-visual:hover .round-arrow,.work-visual:hover .round-arrow{transform:rotate(45deg)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0 0}.project-meta h3{font-size:14px;font-weight:500;letter-spacing:-.1px}.project-meta p{font-size:11px;color:var(--muted);margin-top:5px}.project-tags{display:flex;gap:7px;flex-shrink:0}.project-tags span{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:3px 10px}.tag{font-size:9px;color:var(--muted);padding-top:3px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:48px}.work-grid .project:nth-child(2){padding-top:72px}.work-visual{width:100%;aspect-ratio:1.18;position:relative;overflow:hidden;text-align:left;display:block;padding:0}.palette-visual{background:#dedacf;color:#383c33}.visual-top{position:absolute;inset:25px 25px auto;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;z-index:1}.palette-fan{position:absolute;width:100%;height:75%;left:0;top:7%;display:block;transition:transform .6s}.palette-fan i{position:absolute;display:block;width:26%;height:75%;left:37%;top:0;border:1px solid #ffffff35;border-radius:2px;box-shadow:2px 8px 16px #30271a25;transform-origin:50% 95%}.palette-fan i:nth-child(1){background:#afb4a2;transform:rotate(-32deg)}.palette-fan i:nth-child(2){background:#c6c9b6;transform:rotate(-16deg)}.palette-fan i:nth-child(3){background:#efe5ce;transform:rotate(0)}.palette-fan i:nth-child(4){background:#d58660;transform:rotate(16deg)}.palette-fan i:nth-child(5){background:#8e3d2b;transform:rotate(32deg);color:#f6e8d0}.palette-fan b{position:absolute;bottom:12px;left:12px;font:8px var(--sans);opacity:.7}.palette-visual:hover .palette-fan{transform:translateY(-8px) rotate(-3deg)}.visual-bottom{position:absolute;inset:auto 25px 25px;display:flex;align-items:flex-end;justify-content:space-between}.visual-bottom>span:first-child{font-size:30px;letter-spacing:-1px;line-height:1.07}.visual-bottom em{font-size:1.15em}.words-visual{background:#e8edf1;color:#273e4c}.words-visual .round-arrow{width:40px;height:40px}.type-art{display:block;position:absolute;inset:9% 12% 28%;transform:rotate(-8deg);transition:transform .6s}.type-art>span:first-child{font:clamp(110px,16vw,216px)/1 var(--serif);letter-spacing:-15px;display:block;position:relative}.type-star{position:absolute;font:62px var(--sans);right:2%;top:30%;color:#dd613b;letter-spacing:0}.type-rule{height:1px;width:100%;background:#273e4c;display:block;margin-top:6px;opacity:.5}.type-small{font-size:8px;display:block;line-height:1.5;margin-top:10px;letter-spacing:2px}.words-visual .visual-bottom>span:first-child{font-size:25px;line-height:1.3;letter-spacing:0}.words-visual:hover .type-art{transform:rotate(-3deg) translateY(-5px)}
.statement{margin-top:118px;padding-block:35px 0;border-top:1px solid var(--line)}.statement>div:first-of-type{display:flex;justify-content:space-between;gap:36px;margin-top:32px;align-items:flex-end}.statement h2{font-size:clamp(30px,3.5vw,50px);font-weight:400;letter-spacing:-1.8px;line-height:1.5}.statement h2 span{color:#96938a}.statement>div>p{font-size:12px;line-height:2;color:var(--muted);padding-bottom:9px;min-width:250px}.interest-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding:24px 0;border-top:1px solid var(--line)}.interest-list span{font-size:10px;letter-spacing:1px;color:#66645c}
.tools-section{margin-top:100px;background:#eeede7;padding:78px 0 52px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{font-size:42px;font-weight:400;letter-spacing:-2px;margin-top:18px;line-height:1.3}.section-heading>div>p:last-child{font-size:12px;color:var(--muted);margin-top:14px}.search-box{width:270px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #b9b7af;padding:11px 2px}.search-box>span{font-size:25px;line-height:1}.search-box input{border:0;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink)}.search-box input:focus{outline:0}.search-box:focus-within{border-color:var(--accent)}.search-box kbd{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 5px}.tool-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:39px;margin-bottom:0;border-bottom:1px solid #cccac2}.tool-filters{display:flex;gap:24px}.tool-filters button{font-size:11px;color:#78766e;padding:12px 0;border-bottom:2px solid transparent;margin-bottom:-1px}.tool-filters button.active{border-bottom-color:var(--ink);color:var(--ink)}.favorites-toggle{font-size:10px;color:#66645d;white-space:nowrap;padding:12px 0}.favorites-toggle[aria-pressed=true]{color:var(--accent)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr)}.tool-card{position:relative;border-bottom:1px solid #d3d1c8;min-width:0;transition:background .2s}.tool-card:hover{background:#e7e5dc}.tool-card>a{display:flex;align-items:center;gap:15px;padding:31px 54px 31px 0;min-height:124px}.tool-card:not(:nth-child(3n+1)){padding-left:24px}.tool-icon{font-size:26px;font-family:var(--serif);width:40px;flex-shrink:0;display:grid;place-items:center;line-height:1.2}.tool-card h3{font-size:15px;font-weight:500}.tool-card p{font-size:10px;color:#77746c;line-height:1.7;margin-top:4px;max-width:205px}.favorite{position:absolute;right:14px;top:25px;font-size:19px;color:#7c786e;padding:4px;line-height:1;z-index:1;min-width:30px;min-height:30px}.favorite[aria-pressed=true]{color:var(--accent)}.external-mark{position:absolute;right:26px;bottom:24px;font-size:15px;pointer-events:none;color:#878276}.tool-count{font-size:9px;color:var(--muted);margin-top:20px;letter-spacing:.3px}.tool-empty{padding:50px 0;font-size:12px;color:var(--muted)}
.about-section{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-block:110px}.about-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.about-label .eyebrow{font-size:9px}.asterisk{display:block;color:var(--accent);font-size:160px;line-height:1.2;margin:35px 0 18px;font-family:var(--sans);font-weight:400}.about-caption{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.about-copy h2{font-size:35px;font-weight:400;letter-spacing:-1.2px;line-height:1.6;margin-bottom:24px}.about-copy p{font-size:12px;line-height:2.1;color:#716e65;margin-bottom:18px}.about-copy .text-link{margin-top:8px}
.contact-section{background:#292925;color:#f6f4eb;padding:56px 0 28px}.contact-section .eyebrow{font-size:9px;color:#a7a59b;letter-spacing:1.7px}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 46px}.contact-main h2{font-size:50px;font-weight:400;letter-spacing:-2px;line-height:1.3}.contact-main h2 em{font-size:1.25em;letter-spacing:-1px}.contact-orb{width:160px;height:160px;flex-shrink:0;background:#df5738;color:#fdf5e8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transition:transform .3s,background .3s;margin-right:28px}.contact-orb>span:first-child{font-size:57px;line-height:1;font-weight:400;transition:transform .3s}.contact-orb>span:last-child{font-size:10px}.contact-orb:hover{background:#ed694a;transform:rotate(-6deg)}.contact-orb:hover>span:first-child{transform:translate(5px,-5px)}.contact-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #55544b;padding-top:20px;color:#b4b1a5;font-size:9px}.contact-note>span:last-child{font-size:8px;letter-spacing:1px}
.footer{padding-block:36px 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top>a{font-size:clamp(36px,6vw,82px);font-weight:700;letter-spacing:-4px;line-height:1.2}.footer-top>div{display:flex;gap:30px}.footer-top .text-link{border-bottom:0;font-size:10px;line-height:1.8}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:9px;color:var(--muted)}.footer-bottom>span:last-child{font-size:8px;letter-spacing:1.3px}
.tool-dialog{border:0;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px;box-shadow:0 25px 100px #0003}.tool-dialog::backdrop{background:#191915a8;backdrop-filter:blur(7px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header .eyebrow{font-size:9px}.dialog-header button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:24px;line-height:1}.tool-dialog h2{font-size:28px;font-weight:400;letter-spacing:-1px;line-height:1.5}.dialog-lead{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 0 24px}.button{border:1px solid var(--line);background:transparent;padding:12px 18px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.button:hover{border-color:var(--ink)}.button-dark{color:var(--paper);background:var(--ink);border-color:var(--ink)}.button-dark:hover{background:#414139}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.palette-swatches{display:flex;min-height:230px}.palette-swatch{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:20px 4px;font:10px var(--sans);transition:transform .2s}.palette-swatch:hover{transform:translateY(-7px)}.field-label,form label{font-size:11px;display:block}.field-label{margin-bottom:9px}input,textarea{color:var(--ink)}textarea{resize:vertical}textarea,input:not([type=search]){background:#fffdf7;border:1px solid var(--line);border-radius:0;padding:12px;width:100%;font-size:12px}textarea{line-height:1.8}.text-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.text-options button{border:1px solid var(--line);padding:8px 10px;font-size:10px}.text-options button:hover{border-color:var(--ink)}.text-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.text-bottom>span{font-size:10px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}form label input,form label textarea{display:block;margin-top:8px}.form-note{margin-top:17px;font-size:10px;color:var(--muted)}.project-notes{border-top:1px solid var(--line);margin:20px 0}.project-notes>div{display:grid;grid-template-columns:80px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:11px}.project-notes p{color:var(--muted);line-height:1.9}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#252522;color:#fffaf0;box-shadow:0 8px 30px #0002;z-index:30;width:max-content;max-width:calc(100% - 32px);font-size:12px;text-align:center}
@media(min-width:1600px){.hero{padding-top:45px;padding-bottom:80px}.hero-top{margin-bottom:60px}.hero-aside{max-width:300px}.hero-aside p{font-size:13px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.brand{width:220px}.site-header nav{gap:24px}.hero-aside{max-width:225px}.hero-aside p{font-size:11px}h1{font-size:6.7vw;letter-spacing:-3px}.hero-location{display:none}.feature-top{inset:25px 28px auto}.feature-bottom{inset:auto 28px 24px}.feature-title{letter-spacing:-4px}.work-grid{gap:22px}.visual-top{font-size:7px;inset:20px 20px auto}.visual-bottom{inset:auto 20px 20px}.visual-bottom>span:first-child{font-size:26px}.project-meta h3{font-size:12px}.project-meta p{font-size:10px}.project-meta{gap:12px}.work-grid .project-meta{display:block}.work-grid .tag{display:block;margin-top:8px}.tool-card:not(:nth-child(3n+1)){padding-left:15px}.tool-card>a{gap:8px;padding-right:42px}.tool-icon{width:32px}.tool-card h3{font-size:13px}.tool-card p{font-size:9px}.favorite{right:5px}.external-mark{right:16px}.about-section{gap:40px}.about-copy h2{font-size:29px}.contact-main h2{font-size:43px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:83px;gap:16px}.brand{font-size:21px;width:auto}.brand-sub{font-size:7px;letter-spacing:1px}.site-header nav,.header-contact{display:none}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.menu-toggle span{display:block;height:1px;width:15px;background:var(--ink);transition:transform .2s}.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{padding-top:28px;padding-bottom:40px}.hero-top{margin-bottom:30px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-body{display:block}h1{font-size:clamp(40px,8.9vw,68px);letter-spacing:-2.8px;line-height:1.24}.hero-english{font-size:10px;margin-top:17px}.hero-english em{font-size:15px;margin-left:4px}.hero-aside{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;gap:20px;margin-top:28px}.hero-aside p{font-size:10px;line-height:1.9}.hero-aside .text-link{font-size:10px;min-width:90px;gap:15px;flex-shrink:0;margin:0 0 3px}.section-index{padding:15px 0}.section-index h2{font-size:10px}.section-index h2 span{font-size:7px;margin-left:8px}.section-index>span{font-size:8px}.feature-visual{aspect-ratio:1.25}.feature-image{object-position:60% center}.feature-top{inset:20px 20px auto;font-size:7px;letter-spacing:1px}.feature-top>span:last-child{display:none}.feature-title{top:30%;left:7%;font-size:clamp(47px,10.6vw,78px);letter-spacing:-3px}.feature-title em{letter-spacing:-3px}.feature-bottom{inset:auto 20px 18px;font-size:9px}.round-arrow{width:36px;height:36px;font-size:20px}.project-meta{padding-top:15px;gap:16px}.project-meta h3{font-size:12px}.project-meta p{font-size:10px}.project-tags{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:120px}.project-tags span{font-size:8px;padding:2px 7px}.work-grid{gap:20px;margin-top:34px}.work-grid .project:nth-child(2){padding-top:50px}.work-visual{aspect-ratio:.85}.visual-top{inset:15px 13px auto;font-size:6px;letter-spacing:.6px}.visual-top>span:last-child{display:none}.visual-bottom{inset:auto 14px 15px;gap:8px}.visual-bottom>span:first-child{font-size:23px}.visual-bottom .round-arrow{width:28px;height:28px;font-size:16px;flex-shrink:0}.words-visual .visual-bottom>span:first-child{font-size:18px}.words-visual .round-arrow{width:28px;height:28px}.palette-fan{top:17%;height:65%}.palette-fan i{width:30%;left:35%;height:70%}.palette-fan b{font-size:6px;left:7px;bottom:7px}.type-art{inset:20% 10% 30%}.type-art>span:first-child{font-size:clamp(70px,19vw,140px);letter-spacing:-8px}.type-star{font-size:32px;right:0;top:28%}.type-small{font-size:6px;letter-spacing:1px}.work-grid .project-meta h3{font-size:11px;line-height:1.6}.work-grid .project-meta p{font-size:9px;line-height:1.8}.work-grid .tag{font-size:8px}.statement{margin-top:65px;padding-top:25px}.statement>div:first-of-type{display:block;margin-top:24px}.statement h2{font-size:30px;letter-spacing:-1px}.statement>div>p{font-size:11px;margin-top:20px}.interest-list{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;padding:20px 0}.interest-list span{font-size:9px;letter-spacing:.5px}.tools-section{margin-top:50px;padding:46px 0 34px}.section-heading{display:block}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:32px;margin-top:14px;letter-spacing:-1.5px}.section-heading>div>p:last-child{font-size:11px;margin-top:10px}.search-box{width:100%;margin-top:20px}.tool-toolbar{margin-top:15px;gap:10px}.tool-filters{gap:18px}.tool-filters button{font-size:10px}.favorites-toggle{font-size:9px}.tool-grid{grid-template-columns:1fr 1fr}.tool-card:not(:nth-child(3n+1)){padding-left:0}.tool-card:nth-child(even){padding-left:15px}.tool-card>a{gap:8px;padding:24px 28px 28px 0;align-items:flex-start;min-height:127px}.tool-icon{font-size:22px;width:25px;margin-top:3px}.tool-card h3{font-size:12px}.tool-card p{font-size:9px;line-height:1.7;margin-top:5px}.favorite{font-size:16px;right:0;top:14px;width:26px;min-width:26px}.external-mark{bottom:15px;right:7px;font-size:13px}.tool-count{font-size:8px}.about-section{grid-template-columns:1fr;gap:24px;padding-block:60px}.about-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0}.about-label .eyebrow{font-size:8px}.asterisk{font-size:70px;grid-column:2;grid-row:1/3;margin:0;line-height:1}.about-caption{font-size:7px}.about-copy h2{font-size:29px;line-height:1.6;margin-bottom:20px}.about-copy p{font-size:11px;line-height:2}.contact-section{padding:35px 0 24px}.contact-section .eyebrow{font-size:7px;letter-spacing:1px}.contact-main{padding:26px 0 32px;gap:16px}.contact-main h2{font-size:30px;letter-spacing:-1px}.contact-main h2 em{font-size:1.06em;letter-spacing:-1px}.contact-orb{width:100px;height:100px;margin:0;gap:4px}.contact-orb>span:first-child{font-size:36px}.contact-orb>span:last-child{font-size:7px}.contact-note{font-size:8px;gap:15px}.contact-note>span:last-child{display:none}.footer{padding:28px 0 20px}.footer-top{display:block}.footer-top>a{font-size:49px;letter-spacing:-3px}.footer-top>div{margin-top:16px;justify-content:space-between;gap:20px}.footer-top .text-link{font-size:9px;padding:0}.footer-bottom{font-size:8px;margin-top:20px;padding-top:17px}.footer-bottom>span:last-child{display:none}.tool-dialog{padding:22px}.tool-dialog h2{font-size:24px}.dialog-lead{font-size:11px}.palette-swatches{min-height:190px}.palette-swatch{font-size:8px;padding:15px 2px}.form-row{grid-template-columns:1fr;gap:14px}.button{padding:11px 14px;font-size:10px}.text-options button{font-size:9px;padding:8px}.text-bottom>span{font-size:9px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}h1{font-size:9.1vw;letter-spacing:-2px}.hero-aside{display:block}.hero-aside .text-link{margin-top:12px;min-width:130px}.work-grid{grid-template-columns:1fr;gap:30px}.work-grid .project:nth-child(2){padding-top:0}.work-visual{aspect-ratio:1.1}.visual-top{font-size:7px;inset:20px 20px auto}.visual-top>span:last-child{display:block}.visual-bottom{inset:auto 20px 20px}.visual-bottom>span:first-child{font-size:29px}.words-visual .visual-bottom>span:first-child{font-size:24px}.type-art>span:first-child{font-size:140px}.type-star{font-size:45px}.type-art{inset:12% 12% 30%}.tool-filters{gap:13px}.tool-card>a{display:block;min-height:155px;padding-right:22px}.tool-icon{margin-bottom:10px;width:auto;display:block;font-size:24px}.contact-main h2{font-size:27px}.contact-orb{width:85px;height:85px}.contact-orb>span:last-child{font-size:6px}.contact-orb>span:first-child{font-size:30px}.section-index h2 span{display:none}.project-tags{max-width:100px}.about-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Readable supporting copy and a calm single-column project rhythm on phones. */
@media(min-width:761px){.hero-aside p{font-size:13px}.project-meta p{font-size:12px}.statement>div>p{font-size:13px}.section-heading>div>p:last-child{font-size:13px}.tool-card p{font-size:12px}.tool-card>a{min-height:134px}.about-copy p{font-size:14px}.contact-note{font-size:11px}.footer-top .text-link{font-size:11px}}
@media(max-width:1100px) and (min-width:761px){.hero-aside p{font-size:12px}.tool-card p{font-size:11px}.about-copy p{font-size:13px}}
@media(max-width:760px){.hero-aside p{font-size:12px}.project-meta p{font-size:12px}.work-grid .project-meta h3{font-size:13px}.work-grid .project-meta p{font-size:12px}.statement>div>p{font-size:13px}.section-heading>div>p:last-child{font-size:12px}.tool-card p{font-size:11px}.tool-card>a{min-height:148px}.tool-card h3{font-size:13px}.about-copy p{font-size:13px}.contact-note{font-size:10px}.hero-aside{align-items:flex-end}.hero-aside .text-link{min-width:74px;font-size:10px}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr;gap:32px}.work-grid .project:nth-child(2){padding-top:0}.work-visual{aspect-ratio:1.15}.visual-top{font-size:8px;inset:21px 21px auto}.visual-top>span:last-child{display:block;font-size:7px}.visual-bottom{inset:auto 21px 21px}.visual-bottom>span:first-child{font-size:32px}.words-visual .visual-bottom>span:first-child{font-size:26px}.visual-bottom .round-arrow,.words-visual .round-arrow{width:36px;height:36px;font-size:20px}.palette-fan{top:10%;height:74%}.type-art{inset:12% 12% 28%}.type-art>span:first-child{font-size:150px}.type-star{font-size:46px;right:0;top:25%}.type-small{font-size:7px;letter-spacing:1.4px}.work-grid .tag{font-size:10px;margin-top:5px}.work-grid .project-meta{display:flex}.project-meta p{line-height:1.8}.hero-aside{display:block}.hero-aside .text-link{min-width:145px;margin-top:16px;font-size:11px}.tool-dialog .dialog-header .eyebrow{font-size:8px}.palette-swatches{min-height:200px}}
@media(max-width:380px){.tool-grid{grid-template-columns:1fr}.tool-card:nth-child(even){padding-left:0}.tool-card>a{display:flex;align-items:center;min-height:103px;padding:20px 45px 20px 0;gap:16px}.tool-icon{width:30px;margin:0;flex-shrink:0}.tool-card h3{font-size:14px}.tool-card p{font-size:12px}.favorite{top:16px}.external-mark{bottom:18px}.hero-aside p{font-size:12px}.project-meta{display:block}.project-tags{max-width:none;justify-content:flex-start;margin-top:10px}.work-grid .project-meta{display:block}.about-copy h2{font-size:25px}}