:root{--paper:#fff7e8;--paper-deep:#f7e8ff;--ink:#25213a;--muted:#71677c;--signal:#ff5d73;--blue:#6c63ff;--acid:#ffd84d;--hero:#ffd84d;--mint:#79e4bc;--sky:#69c9ff;--plum:#493d78;--pad:clamp(20px,4vw,64px);--serif:"Iowan Old Style","Baskerville","Songti SC","STSong",serif;--sans:"Aptos","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(rgba(17,17,15,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.045) 1px,transparent 1px),var(--paper);background-size:32px 32px;font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}a{color:inherit}button,input,textarea{font:inherit}button{color:inherit}::selection{color:var(--ink);background:var(--acid)}.skip{position:fixed;left:12px;top:12px;z-index:99;transform:translateY(-160%);padding:10px 14px;color:#fff;background:var(--ink)}.skip:focus{transform:translateY(0)}.masthead{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 var(--pad);border-bottom:1px solid rgba(37,33,58,.18);color:var(--ink);background:rgba(255,247,232,.88);backdrop-filter:blur(14px);transition:transform .3s ease}.masthead.hide{transform:translateY(-100%)}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.brand b{font-family:var(--serif);font-size:27px;letter-spacing:-.08em}.brand span,.live,.nav a{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav{display:flex;gap:clamp(18px,3vw,44px)}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.live{justify-self:end;display:flex;align-items:center;gap:9px}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(255,93,115,.18)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:var(--hero);overflow:hidden}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:150px var(--pad) clamp(44px,7vh,84px)}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:2px;background:currentColor}.hero h1{max-width:850px;margin:0;font-family:var(--serif);font-size:clamp(68px,9.5vw,154px);font-weight:500;line-height:.84;letter-spacing:-.09em}.hero h1 span{display:block;overflow:hidden}.hero h1 i{display:block;font-style:normal;transform:translateY(110%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}.hero h1 span:nth-child(2) i{animation-delay:.1s}.hero h1 span:nth-child(3) i{animation-delay:.2s;color:var(--signal)}@keyframes rise{to{transform:translateY(0)}}.hero-bottom{display:grid;grid-template-columns:minmax(240px,480px) auto;align-items:end;gap:30px;margin-top:clamp(34px,7vh,74px)}.hero-lead{margin:0;font-size:clamp(16px,1.5vw,21px);font-weight:650;line-height:1.55}.hero-actions{display:flex;gap:10px;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:2px solid var(--ink);color:var(--ink);background:transparent;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:color .2s,background .2s,transform .2s}.button:hover{color:var(--paper);background:var(--ink);transform:translateY(-3px)}.button.solid{color:var(--paper);background:var(--ink)}.button.solid:hover{color:var(--ink);background:var(--acid)}.hero-visual{position:relative;min-height:100%;overflow:hidden}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.02);transform:scale(1.04);animation:settle 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes settle{to{transform:scale(1)}}.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--hero) 0,transparent 18%),linear-gradient(0deg,rgba(73,61,120,.18),transparent 52%);mix-blend-mode:multiply}.hero-visual:after{content:"QUALITY / 06";position:absolute;z-index:2;right:-72px;top:50%;color:rgba(255,255,255,.76);font-size:12px;font-weight:800;letter-spacing:.5em;transform:rotate(90deg)}.hero-stamp{position:absolute;z-index:3;right:var(--pad);bottom:46px;width:122px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--acid);text-align:center;font-size:12px;font-weight:900;line-height:1.25;letter-spacing:.12em;transform:rotate(8deg)}
.ticker{display:flex;overflow:hidden;border-block:1px solid var(--ink);color:#fff;background:var(--plum)}.ticker-track{flex:none;display:flex;align-items:center;min-width:max-content;animation:ticker 26s linear infinite}.ticker span{display:inline-flex;align-items:center;gap:24px;padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:.16em}.ticker span:after{content:"✳";color:var(--acid);font-size:18px}@keyframes ticker{to{transform:translateX(-50%)}}.section{position:relative;padding:clamp(88px,12vw,180px) var(--pad);border-bottom:1px solid var(--ink)}.section-head{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:clamp(58px,8vw,110px)}.section-no{font-family:var(--serif);font-size:18px}.section-title{max-width:1000px;margin:0;font-family:var(--serif);font-size:clamp(48px,8vw,118px);font-weight:500;line-height:.92;letter-spacing:-.075em}.section-note{max-width:210px;margin:8px 0 0;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.seen{opacity:1;transform:translateY(0)}
.current{background:#ff917d}.current-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,9vw,150px)}.statement{margin:0;font-family:var(--serif);font-size:clamp(34px,4.7vw,72px);line-height:1.04;letter-spacing:-.055em}.statement em{color:var(--blue);font-style:normal}.facts{border-top:2px solid var(--ink)}.fact{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--ink)}.fact dt{font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.fact dd{margin:0;font-size:18px;font-weight:700}.career{background:var(--paper)}.timeline{border-top:2px solid var(--ink)}.job{display:grid;grid-template-columns:1fr 1.15fr 1.7fr;gap:clamp(24px,5vw,90px);padding:clamp(28px,4vw,52px) 0;border-bottom:1px solid var(--ink)}.job-time{font-family:var(--serif);font-size:clamp(19px,2vw,28px)}.job h3{margin:0 0 6px;font-size:clamp(24px,2.5vw,38px);line-height:1.15;letter-spacing:-.04em}.job-role{color:var(--signal);font-weight:800}.job p{max-width:680px;margin:0;color:var(--muted);font-size:17px}
.toolbox{color:#fff;background:var(--blue)}.toolbox .section-note{color:rgba(243,240,232,.72)}.toolbox-ledger{border-top:1px solid rgba(243,240,232,.55)}.skill-group{display:grid;grid-template-columns:minmax(200px,.7fr) 2fr;gap:40px;padding:28px 0;border-bottom:1px solid rgba(243,240,232,.55)}.skill-group h3{margin:4px 0 0;font-family:var(--serif);font-size:clamp(25px,3vw,42px);font-weight:500}.skill-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}.skill-list span{font-size:clamp(17px,2vw,26px);font-weight:750}.skill-list span:not(:last-child):after{content:"/";margin-left:24px;color:var(--acid)}.projects{padding-inline:0;background:var(--mint)}.projects .section-head{padding-inline:var(--pad)}.case-list{border-top:2px solid var(--ink)}.case{position:relative;display:grid;grid-template-columns:120px minmax(280px,1fr) 1.2fr 60px;align-items:start;gap:32px;width:100%;padding:clamp(30px,5vw,62px) var(--pad);border:0;border-bottom:1px solid var(--ink);background:transparent;text-align:left;cursor:pointer;transition:color .25s,background .25s}.case:hover,.case.open{color:var(--paper);background:var(--signal)}.case-no{font-family:var(--serif);font-size:18px}.case h3{margin:0;font-family:var(--serif);font-size:clamp(34px,5vw,72px);font-weight:500;line-height:.95;letter-spacing:-.06em}.case-copy{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.case.open .case-copy{grid-template-rows:1fr}.case-copy>div{overflow:hidden}.case p{max-width:670px;margin:8px 0 0;font-size:17px}.case-toggle{font-size:38px;font-weight:300;line-height:1;transition:transform .25s}.case.open .case-toggle{transform:rotate(45deg)}.method{background:var(--sky)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.principle{min-height:330px;padding:clamp(26px,4vw,54px)}.principle+.principle{border-left:2px solid var(--ink)}.principle b{display:block;margin-bottom:70px;font-family:var(--serif);font-size:18px}.principle h3{margin:0 0 18px;font-family:var(--serif);font-size:clamp(31px,3.4vw,52px);font-weight:500;line-height:.98;letter-spacing:-.05em}.principle p{margin:0;font-weight:650}
.contact{color:#fff;background:var(--plum)}.contact .section-note{color:rgba(243,240,232,.64)}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,10vw,160px)}.contact-intro h3{margin:0;font-family:var(--serif);font-size:clamp(46px,7vw,96px);font-weight:500;line-height:.9;letter-spacing:-.07em}.contact-intro p{max-width:480px;margin:30px 0 0;color:rgba(243,240,232,.7);font-size:18px}.visit-count{display:inline-block;margin-top:44px;padding-top:12px;border-top:1px solid rgba(243,240,232,.45);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mail{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.field-wrap.full{grid-column:1/-1}.mail label{display:block;margin-bottom:7px;color:rgba(243,240,232,.68);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mail input:not([type=checkbox]),.mail textarea{width:100%;border:0;border-bottom:1px solid rgba(243,240,232,.5);border-radius:0;outline:0;color:var(--paper);background:transparent;transition:border-color .2s}.mail input{min-height:48px}.mail textarea{min-height:120px;padding:12px 0;resize:vertical}.mail input:focus,.mail textarea:focus{border-color:var(--acid)}.field-error{min-height:20px;color:#ff8f78;font-size:12px}.form-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.private-check{display:flex!important;align-items:center;gap:10px;margin:0!important;color:var(--paper)!important;cursor:pointer}.private-check input{accent-color:var(--acid)}.mail .button{border-color:var(--paper);color:var(--paper)}.mail .button:hover{border-color:var(--acid);color:var(--ink);background:var(--acid)}.wall-wrap{margin-top:clamp(80px,10vw,140px)}.wall-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(243,240,232,.35)}.wall-head h3{margin:0;font-family:var(--serif);font-size:clamp(30px,4vw,52px);font-weight:500}.wall-head span{color:rgba(243,240,232,.55);font-size:12px}.wall{display:grid;grid-template-columns:repeat(3,1fr)}.note{min-height:220px;padding:26px 28px 30px 0;border-bottom:1px solid rgba(243,240,232,.25)}.note:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid rgba(243,240,232,.25)}.note-meta{display:flex;justify-content:space-between;gap:16px;color:var(--signal);font-size:12px;font-weight:800}.note p{margin:36px 0 0;font-family:var(--serif);font-size:21px;line-height:1.45}.empty{padding:38px 0;color:rgba(243,240,232,.55)}
.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;padding:34px var(--pad);color:#fff;background:#352c5d;border-top:1px solid rgba(243,240,232,.3);font-size:12px}.footer strong{font-family:var(--serif);font-size:clamp(32px,5vw,72px);font-weight:500;line-height:.8;letter-spacing:-.07em}.footer div:last-child{justify-self:end;text-align:right}.progress{position:fixed;z-index:12;left:0;top:0;width:0;height:3px;background:var(--acid);pointer-events:none}.toast{position:fixed;z-index:40;left:50%;bottom:28px;transform:translate(-50%,140%);padding:13px 18px;color:var(--ink);background:var(--acid);border:2px solid var(--ink);font-weight:800;transition:transform .28s ease}.toast.on{transform:translate(-50%,0)}
@media(max-width:980px){.masthead{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:72svh;padding-top:130px}.hero-visual{min-height:54svh}.hero-visual:before{background:linear-gradient(180deg,var(--hero) 0,transparent 12%),linear-gradient(0deg,rgba(73,61,120,.16),transparent 52%)}.hero-bottom,.current-grid,.contact-grid{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.section-head{grid-template-columns:70px 1fr}.section-note{grid-column:2;max-width:360px}.job{grid-template-columns:160px 1fr}.job p{grid-column:2}.case{grid-template-columns:70px 1fr 46px}.case-copy{grid-column:2}.method-grid{grid-template-columns:1fr}.principle{min-height:0}.principle+.principle{border-left:0;border-top:2px solid var(--ink)}.principle b{margin-bottom:36px}.wall{grid-template-columns:repeat(2,1fr)}.note:nth-child(odd){padding-left:0;border-left:0}.note:nth-child(even){padding-left:24px;border-left:1px solid rgba(243,240,232,.25)}}
@media(max-width:640px){:root{--pad:18px}.masthead{min-height:60px}.brand span,.live{font-size:9px}.hero-copy{min-height:78svh;padding-top:110px}.hero h1{font-size:clamp(52px,15.5vw,66px);line-height:.88}.hero-bottom{margin-top:38px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:47svh}.hero-stamp{width:90px;right:18px;bottom:22px;font-size:9px}.section{padding-block:82px}.section-head{grid-template-columns:46px 1fr;margin-bottom:52px}.section-title{font-size:clamp(44px,15vw,68px)}.fact{grid-template-columns:82px 1fr}.job{grid-template-columns:1fr;gap:12px}.job p{grid-column:auto}.skill-group{grid-template-columns:1fr;gap:18px}.skill-list{gap:8px 13px}.skill-list span{font-size:17px}.skill-list span:not(:last-child):after{margin-left:13px}.case{grid-template-columns:42px 1fr 30px;gap:12px}.case h3{font-size:38px}.mail{grid-template-columns:1fr}.field-wrap.full,.form-foot{grid-column:auto}.form-foot{align-items:stretch;flex-direction:column}.wall{grid-template-columns:1fr}.note,.note:nth-child(even),.note:nth-child(odd){min-height:0;padding:24px 0;border-left:0}.footer{grid-template-columns:1fr auto}.footer strong{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Ink splash palette — 2026-08-02 */
body{background-color:#fffaf2;background-image:linear-gradient(rgba(37,33,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,33,58,.035) 1px,transparent 1px)}
.masthead{background:rgba(255,250,242,.9)}
.hero{isolation:isolate;background:#fffaf2}
.hero:before{content:"";position:absolute;z-index:0;left:-9%;top:15%;width:62%;height:68%;background:radial-gradient(circle at 28% 38%,#ffd84d 0 29%,transparent 30%),radial-gradient(circle at 61% 50%,#ff8f7c 0 34%,transparent 35%),radial-gradient(circle at 46% 18%,#ff5d73 0 8%,transparent 9%),radial-gradient(circle at 79% 76%,#79e4bc 0 8%,transparent 9%);filter:saturate(1.06);opacity:.94;transform:rotate(-7deg);pointer-events:none}
.hero-copy{z-index:2}.hero-visual img{filter:none!important}.hero-visual:before{background:linear-gradient(90deg,#fffaf2 0,transparent 10%),linear-gradient(0deg,rgba(73,61,120,.08),transparent 50%)}
.hero h1 span:nth-child(3) i{color:#ed4770}.hero-stamp{background:#ffd84d;border-color:#25213a;color:#25213a}
.section{isolation:isolate;overflow:hidden;background:#fffaf2!important;color:var(--ink)!important;--splash-a:#ffd84d;--splash-b:#ff6f86;--splash-c:#69c9ff}
.section:before{content:"";position:absolute;z-index:0;right:-110px;top:54px;width:470px;height:360px;background:var(--splash-a);border-radius:43% 57% 68% 32%/55% 38% 62% 45%;transform:rotate(-14deg);opacity:.82;pointer-events:none}
.section:after{content:"";position:absolute;z-index:0;left:4%;bottom:5%;width:300px;height:250px;background:radial-gradient(circle at 18% 28%,var(--splash-b) 0 10%,transparent 11%),radial-gradient(circle at 54% 50%,var(--splash-b) 0 29%,transparent 30%),radial-gradient(circle at 88% 24%,var(--splash-c) 0 7%,transparent 8%),radial-gradient(circle at 78% 82%,var(--splash-a) 0 5%,transparent 6%);transform:rotate(11deg);opacity:.72;pointer-events:none}
.section>*{position:relative;z-index:1}
.current{--splash-a:#ffd84d;--splash-b:#ff7e8f;--splash-c:#6c63ff}.current:before{right:-140px;top:12%}.current:after{left:34%;bottom:-70px}
.career{--splash-a:#79e4bc;--splash-b:#69c9ff;--splash-c:#ff5d73}.career:before{right:4%;top:16%;width:260px;height:210px;opacity:.55}.career:after{left:-65px;bottom:12%}
.toolbox{--splash-a:#8d7cff;--splash-b:#ffd84d;--splash-c:#ff6f86}.toolbox:before{right:-70px;top:8%;opacity:.75}.toolbox:after{left:48%;bottom:-90px}.toolbox .section-note,.contact .section-note{color:var(--muted)}
.toolbox-ledger{border-color:rgba(37,33,58,.55)}.skill-group{border-color:rgba(37,33,58,.4)}.skill-list span:not(:last-child):after{color:#ff5d73}
.projects{--splash-a:#69c9ff;--splash-b:#79e4bc;--splash-c:#ff5d73}.projects:before{right:8%;top:40px;width:330px;height:230px;opacity:.68}.projects:after{left:14%;bottom:5%}.case:hover,.case.open{color:var(--ink);background:#ff8f9f}
.method{--splash-a:#ffd84d;--splash-b:#69c9ff;--splash-c:#6c63ff}.method:before{right:-120px;top:2%;width:420px;height:300px}.method:after{left:40%;bottom:-70px}.principle:nth-child(1){box-shadow:inset 0 10px 0 #ff6f86}.principle:nth-child(2){box-shadow:inset 0 10px 0 #ffd84d}.principle:nth-child(3){box-shadow:inset 0 10px 0 #79e4bc}
.contact{--splash-a:#8d7cff;--splash-b:#ff6f86;--splash-c:#ffd84d}.contact:before{right:-90px;top:3%;opacity:.7}.contact:after{left:38%;bottom:-40px}.contact-intro p{color:var(--muted)}.visit-count{border-color:rgba(37,33,58,.4)}
.mail label{color:var(--muted)}.mail input:not([type=checkbox]),.mail textarea{color:var(--ink);border-color:rgba(37,33,58,.45)}.private-check{color:var(--ink)!important}.mail .button{border-color:var(--ink);color:var(--ink)}.mail .button:hover{border-color:var(--ink);color:#fff;background:var(--ink)}
.wall-head{border-color:rgba(37,33,58,.35)}.wall-head span{color:var(--muted)}.note{border-color:rgba(37,33,58,.25)}.note:not(:nth-child(3n+1)){border-color:rgba(37,33,58,.25)}.note-meta{color:#e34269}.empty{color:var(--muted)}
.footer{position:relative;overflow:hidden;background:#493d78}.footer:before{content:"";position:absolute;width:180px;height:110px;left:8%;top:-55px;background:#ff6f86;border-radius:49% 51% 35% 65%/55% 35% 65% 45%}.footer>*{position:relative;z-index:1}
@media(max-width:980px){.hero:before{left:-28%;top:12%;width:120%;height:60%}.section:before{right:-180px;opacity:.55}.section:after{left:-70px;opacity:.5}.note:nth-child(even){border-color:rgba(37,33,58,.25)}}
@media(max-width:640px){.hero:before{left:-50%;top:10%;width:165%;height:57%;opacity:.82}.hero-visual:before{background:linear-gradient(180deg,#fffaf2 0,transparent 8%)}.section:before{right:-210px;top:30px}.section:after{left:-120px;bottom:1%}.contact:before{right:-220px}.note,.note:nth-child(even),.note:nth-child(odd){border-color:rgba(37,33,58,.25)}}
/* Organic hero ink shapes */
.hero:before{left:-7%;top:20%;width:39%;height:54%;background:#ffd84d;border-radius:37% 63% 48% 52%/58% 34% 66% 42%;box-shadow:390px 72px 0 18px #ff917d,690px 250px 0 -128px #79e4bc,330px -80px 0 -150px #ff5d73;filter:none;opacity:.92;transform:rotate(-9deg)}
.hero:after{content:"";position:absolute;z-index:1;left:8%;top:17%;width:330px;height:280px;background:radial-gradient(circle at 12% 78%,#6c63ff 0 4%,transparent 4.8%),radial-gradient(circle at 82% 12%,#ff5d73 0 5%,transparent 5.8%),radial-gradient(circle at 92% 68%,#ffd84d 0 3%,transparent 3.8%),radial-gradient(circle at 30% 16%,#79e4bc 0 2.5%,transparent 3.2%);pointer-events:none}
.section:before{box-shadow:-38px 55px 0 -28px var(--splash-b),48px 78px 0 -35px var(--splash-c),-72px -28px 0 -42px var(--splash-a)}
@media(max-width:980px){.hero:before{left:-24%;top:16%;width:68%;height:48%;box-shadow:270px 60px 0 5px #ff917d,520px 230px 0 -105px #79e4bc,250px -70px 0 -120px #ff5d73}.hero:after{left:3%;top:14%;width:250px;height:220px}}
@media(max-width:640px){.hero:before{left:-38%;top:19%;width:92%;height:42%;box-shadow:185px 55px 0 -2px #ff917d,350px 210px 0 -78px #79e4bc,190px -45px 0 -88px #ff5d73}.hero:after{left:1%;top:15%;width:200px;height:180px}}
/* Friendlier display typography — 2026-08-02 */
:root{--display:"Segoe UI Variable Display","Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}
.brand b,.hero h1,.section-title,.statement,.job-time,.skill-group h3,.case-no,.case h3,.principle b,.principle h3,.contact-intro h3,.wall-head h3,.note p,.footer strong{font-family:var(--display)}
.hero h1{font-size:clamp(58px,6.2vw,100px);font-weight:800;line-height:.92;letter-spacing:-.065em}
.section{padding-top:clamp(72px,8vw,126px);padding-bottom:clamp(72px,8vw,126px)}
.section-head{margin-bottom:clamp(42px,5vw,76px)}
.section-title{font-size:clamp(38px,4.6vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.055em}
.statement{font-size:clamp(29px,3.2vw,50px);font-weight:700;line-height:1.16;letter-spacing:-.04em}
.job-time{font-size:clamp(16px,1.4vw,22px);font-weight:700}.job h3{font-size:clamp(22px,2vw,32px);letter-spacing:-.025em}
.skill-group h3{font-size:clamp(22px,2.2vw,34px);font-weight:800;letter-spacing:-.035em}.skill-list span{font-size:clamp(16px,1.5vw,22px)}
.case{padding-top:clamp(25px,3vw,42px);padding-bottom:clamp(25px,3vw,42px)}.case h3{font-size:clamp(26px,3vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.case-no{font-size:15px;font-weight:700}
.principle h3{font-size:clamp(24px,2.3vw,36px);font-weight:800;line-height:1.08;letter-spacing:-.035em}.principle b{font-family:var(--sans);font-size:14px}.principle{min-height:280px}
.contact-intro h3{font-size:clamp(38px,4.5vw,66px);font-weight:800;line-height:1.02;letter-spacing:-.05em}.wall-head h3{font-size:clamp(28px,3vw,42px);font-weight:800}.note p{font-family:var(--sans);font-size:18px;font-weight:600}
.footer strong{font-size:clamp(30px,4vw,56px);font-weight:800;letter-spacing:-.045em}
@media(max-width:980px){.section-title{font-size:clamp(36px,7vw,58px)}.case h3{font-size:clamp(26px,4vw,38px)}}
@media(max-width:640px){.hero h1{font-size:clamp(42px,12vw,52px);line-height:.94;letter-spacing:-.06em}.section{padding-top:68px;padding-bottom:68px}.section-head{margin-bottom:38px}.section-title{font-size:clamp(34px,10.5vw,44px);line-height:1.06}.statement{font-size:clamp(26px,8vw,34px)}.case h3{font-size:clamp(25px,8vw,32px)}.contact-intro h3{font-size:clamp(34px,10vw,44px)}}
/* Free-flowing Chinese display type — 2026-08-02 */
:root{--display:"STXingkai","华文行楷","STKaiti","华文楷体","KaiTi",cursive}
.brand b{font-family:var(--sans);font-size:24px;font-weight:800;letter-spacing:-.04em}
.hero h1{max-width:100%;font-size:clamp(42px,4.4vw,68px);font-weight:400;line-height:1.05;letter-spacing:.015em}
.section-title{font-size:clamp(34px,3.7vw,56px);font-weight:400;line-height:1.12;letter-spacing:.01em}
.statement{font-size:clamp(27px,2.8vw,42px);font-weight:400;line-height:1.28;letter-spacing:.01em}
.job-time{font-family:var(--sans);font-size:16px;font-weight:700}.job h3{font-size:clamp(20px,1.7vw,28px)}
.skill-group h3{font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:.01em}.skill-list span{font-size:clamp(15px,1.3vw,20px)}
.case h3{font-size:clamp(24px,2.5vw,38px);font-weight:400;line-height:1.18;letter-spacing:.01em}.case-no{font-family:var(--sans);font-size:13px}
.principle h3{font-size:clamp(23px,2vw,32px);font-weight:400;line-height:1.2;letter-spacing:.01em}
.contact-intro h3{font-size:clamp(34px,3.8vw,54px);font-weight:400;line-height:1.12;letter-spacing:.01em}.wall-head h3{font-size:clamp(26px,2.7vw,38px);font-weight:400}.footer strong{font-size:clamp(28px,3.2vw,46px);font-weight:400}
@media(max-width:980px){.hero h1{font-size:clamp(40px,7vw,58px)}.section-title{font-size:clamp(32px,5.8vw,48px)}.case h3{font-size:clamp(23px,3.5vw,32px)}}
@media(max-width:640px){.brand b{font-size:22px}.hero h1{font-size:clamp(36px,10.5vw,42px);line-height:1.08}.section-title{font-size:clamp(30px,8.8vw,38px);line-height:1.14}.statement{font-size:clamp(24px,7vw,30px)}.case h3{font-size:clamp(22px,7vw,28px)}.contact-intro h3{font-size:clamp(30px,8.5vw,38px)}}