/* 03 关于我们 —— 设计主张 + 服务列表
   给「首页」用的样式。改这一块只动这个文件。 */

/* statement */
.statement{height:240vh;background:#caa0ef;color:var(--ink)}.statement-pin{position:sticky;top:0;height:100vh;padding:calc(var(--header) + 30px) var(--pad) 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.statement-top{position:absolute;left:var(--pad);right:var(--pad);top:34px;display:flex;justify-content:space-between;border-top:1px solid rgba(18,17,15,.28);padding-top:12px;font:500 10px var(--mono)}
.statement-copy{position:relative;z-index:2;font:800 clamp(42px,3.8vw,68px)/1 var(--display);letter-spacing:-.055em;margin:0;max-width:none}.statement-line{display:block;white-space:nowrap}.statement-copy .char{display:inline-block;opacity:.1;transform:translateY(.2em);transition:opacity .16s ease,transform .28s var(--ease);will-change:opacity,transform}.statement-orbit{display:none}
@keyframes orbit{to{transform:rotate(360deg)}}

/* services */
.services{padding-top:140px;padding-bottom:150px;position:relative;background:var(--bone)}
.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.services-intro .section-kicker{grid-column:1/-1}.services-intro>p{font-size:14px;line-height:1.8;max-width:460px;align-self:end;margin:0 0 10px}
.service-list{margin-top:130px;border-top:1px solid var(--ink)}
.service-row{display:grid;grid-template-columns:70px 1fr 1fr 45px;align-items:center;min-height:130px;border-bottom:1px solid var(--ink);position:relative;overflow:hidden;transition:color .35s;padding:10px 0;outline:none}.service-row:before{content:"";position:absolute;inset:0;background:var(--clay);transform:translateY(102%);transition:transform .5s var(--ease)}.service-row:hover:before,.service-row:focus:before{transform:none}.service-row>*{position:relative;z-index:1}.service-row>span{font:500 10px var(--mono)}.service-row h3{font:700 clamp(34px,4.3vw,72px)/1 var(--display);letter-spacing:-.05em;margin:0}.service-row p{font-size:11px;letter-spacing:.04em}.service-row b{justify-self:end;font-size:24px;font-weight:400;transition:transform .4s}.service-row:hover b{transform:rotate(45deg)}
.service-row:focus-visible{outline:2px solid var(--clay);outline-offset:4px}