/* Photo-derived stone, clear glass titles, reference-led peripheral notes. */
.hero h1.matte-title.tech-title,.contact h2.tech-title{color:transparent;-webkit-text-stroke:0;text-shadow:none}
.tech-title .tech-solid{color:rgba(63,76,67,.18);-webkit-text-fill-color:transparent;background:linear-gradient(145deg,rgba(255,255,255,.88) 0%,rgba(145,166,152,.12) 30%,rgba(255,255,255,.84) 44%,rgba(84,108,92,.14) 58%,rgba(255,255,255,.7) 74%,rgba(68,89,76,.38) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px rgba(67,83,72,.62);text-shadow:1px 1px 0 rgba(255,255,255,.5),2px 3px 0 rgba(64,81,69,.14),4px 5px 0 rgba(64,81,69,.08);filter:drop-shadow(2px 4px 2px rgba(43,59,48,.1))}
.tech-title .is-active .tech-solid{background:none;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:none}
.hero-note{position:absolute!important;top:40%;z-index:7;width:210px;padding:23px 22px 21px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.44);backdrop-filter:blur(22px) saturate(.7);-webkit-backdrop-filter:blur(22px) saturate(.7);box-shadow:inset 0 1px 1px #fff,0 18px 40px -33px rgba(57,65,56,.3);white-space:normal;text-align:left;transition:background .25s ease}
.hero-note-left{left:var(--gutter);transform:rotate(-6deg)}
.hero-note-right{right:var(--gutter);top:46%;transform:rotate(7deg)}
.hero-note:hover{background:rgba(255,255,255,.7)}
.hero-note h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:26px;line-height:1.12;letter-spacing:-1px;font-weight:500;white-space:pre-line;margin:12px 0}
.note-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(83,94,82,.12);border-radius:50%;font-size:21px;margin-bottom:22px}
.note-eyebrow{font-size:9px;letter-spacing:1.15px;line-height:1.4;color:#71766d}
.note-body{font-size:12px;line-height:1.5;color:#777b73;max-width:155px}
.note-tools{display:block;margin-top:19px;font-size:10px;color:#5b6457;line-height:1.4}
.note-projects{display:flex;margin-bottom:20px}
.note-projects img{width:33px;height:33px;border:2px solid #fafaf8;border-radius:50%;object-fit:cover;background:#e4e6e0;margin-left:-5px}
.note-projects img:first-child{margin-left:0}
.note-link{display:inline-block;margin-top:18px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.stone-portrait{--stone-shadow-x:12px;--stone-shadow-y:16px;--stone-energy:0;pointer-events:auto}
.stone-portrait img,.stone-portrait canvas{filter:drop-shadow(var(--stone-shadow-x) var(--stone-shadow-y) 14px rgba(44,49,40,.24))}
.stone-portrait canvas{position:absolute;pointer-events:none;display:block}
.stone-portrait[data-lighting=webgl] img{opacity:0}
.stone-portrait::after{background:rgba(54,58,48,.18);transform:translateX(calc(var(--stone-shadow-x)*.6));height:15px;bottom:0;left:15%;width:70%;filter:blur(15px)}
@media(min-width:1400px){.hero-note{width:228px;padding:26px}.hero-note h2{font-size:29px}.note-body{font-size:13px}}
@media(max-width:1100px){.hero-note{width:178px;padding:19px 17px}.hero-note h2{font-size:23px}.note-body{font-size:11px}.note-tools{font-size:9px}.note-mark{margin-bottom:15px}.hero-note-left{left:24px}.hero-note-right{right:24px;top:44%}}
@media(min-width:701px) and (max-width:900px){.hero-note{top:37%;width:158px;padding:16px}.hero-note h2{font-size:21px}.note-eyebrow{font-size:8px;letter-spacing:.7px}.note-body{font-size:10px}.note-tools{font-size:9px}.note-mark{margin-bottom:12px}.hero-note-right{top:40%}.note-link{font-size:10px}}
@media(max-width:700px){.tech-title .tech-solid{-webkit-text-stroke:.55px rgba(67,83,72,.68);text-shadow:1px 1px 0 rgba(255,255,255,.5),2px 2px 0 rgba(64,81,69,.16)}.hero-note{top:34%;width:132px;padding:14px 12px;border-radius:17px}.hero-note-left{left:23px;transform:rotate(-5deg)}.hero-note-right{right:22px;top:36%;transform:rotate(6deg)}.hero-note h2{font-size:18px;line-height:1.12;letter-spacing:-.7px;margin:7px 0}.note-eyebrow{font-size:7px;letter-spacing:.5px}.note-body{font-size:9px;line-height:1.4}.note-mark,.note-projects,.note-tools{display:none}.note-link{font-size:9px;margin-top:10px}.stone-portrait img,.stone-portrait canvas{filter:drop-shadow(var(--stone-shadow-x) var(--stone-shadow-y) 8px rgba(44,49,40,.22))}.stone-portrait::after{filter:blur(9px)}}
@media(prefers-reduced-motion:reduce){.hero-note{transition:none}}