@font-face{font-family:SmileySans;src:url('assets/fonts/smiley-sans-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#e9e3d6;--paper-2:#f3efe6;--ink:#171b1e;--muted:#595b58;--line:#aaa496;--orange:#c74824;--silver:#c8cbca;--white:#fff;--header:78px;--max:1480px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;background-color:var(--paper);background-image:url('assets/materials/paper-texture.webp');background-size:700px auto;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.65;overflow-x:hidden}
body.menu-open{overflow:hidden}
picture,img{display:block;width:100%;height:100%}img{object-fit:cover}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
::selection{background:var(--orange);color:var(--white)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--paper)}
.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:10px 14px;background:var(--ink);color:var(--white);transform:translateY(-140%);transition:transform .2s var(--ease)}.skip-link:focus{transform:none}
.site-header{height:var(--header);padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:32px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:48px}.brand-mark{width:34px;height:42px;fill:none;stroke:var(--orange);stroke-width:2.2}.brand span{display:grid;line-height:1.2}.brand strong{font-size:18px;letter-spacing:.06em}.brand small{font-size:10px;color:var(--muted);margin-top:5px}
.site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}.site-nav a{min-height:44px;display:grid;place-items:center;text-decoration:none;font-size:14px;position:relative}.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--orange);transition:right .3s var(--ease)}.site-nav a:hover::after,.site-nav a[aria-current="true"]::after{right:0}
.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);min-width:48px;min-height:48px;padding:0;cursor:pointer}.menu-lines,.menu-lines::before{display:block;width:25px;height:2px;background:currentColor;content:"";transition:transform .25s var(--ease)}.menu-lines::before{transform:translateY(-7px)}.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);position:relative;border-bottom:1px solid var(--ink)}
.hero-copy{padding:clamp(58px,6vw,96px) clamp(28px,5vw,78px) clamp(52px,6vw,86px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-family:SmileySans,"Microsoft YaHei",sans-serif;font-size:clamp(64px,7.6vw,116px);font-weight:900;line-height:.88;letter-spacing:-.04em;-webkit-text-stroke:1.15px currentColor;margin:0;max-width:8ch;position:relative}.hero-lead{font-size:clamp(20px,2vw,30px);font-weight:700;margin:34px 0 8px}.hero-body{font-size:16px;color:var(--muted);max-width:34em;margin:0 0 30px}.hero-drawing{position:absolute;left:-32px;top:9%;width:38%;height:82%;opacity:.13}.hero-drawing svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.1;vector-effect:non-scaling-stroke}
.primary-action{display:flex;align-items:center;justify-content:space-between;width:min(100%,250px);min-height:52px;padding:0 20px;background:var(--ink);color:var(--white);text-decoration:none;transition:background .25s,transform .25s}.primary-action:hover{background:var(--orange);transform:translateY(-2px)}.primary-action svg,.inquiry-form button svg,.site-footer>a svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.hero-media{margin:0;min-height:560px;overflow:hidden;background:var(--ink)}.hero-media img{object-position:62% center;filter:saturate(.72) contrast(1.04)}
.datum{position:absolute;left:44%;top:0;bottom:-78px;width:1px;background:var(--orange);z-index:3}.datum::before,.datum::after{content:"";position:absolute;left:50%;width:15px;height:15px;border:1px solid var(--orange);border-radius:50%;transform:translate(-50%,-50%)}.datum::before{top:34%}.datum::after{top:68%}.datum span{position:absolute;left:-3px;top:0;width:7px;height:100%;background:var(--orange);transform:scaleY(var(--datum-scale,.35));transform-origin:top;opacity:.5;transition:transform .12s linear}
.scope-rail{min-height:78px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding-left:clamp(20px,4vw,72px)}.scope-rail span{display:flex;align-items:center;padding:16px clamp(12px,2.2vw,34px);border-left:1px solid var(--line);font-size:13px;font-weight:700}.scope-rail span:last-child{border-right:1px solid var(--line)}
.section-paper{max-width:var(--max);margin:auto;padding:clamp(90px,10vw,170px) clamp(20px,4vw,72px)}
.scope{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.node-detail{margin:0;min-height:620px}.scope-copy{position:relative;overflow:hidden;padding:clamp(64px,7vw,112px) clamp(30px,5vw,84px);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.scope-copy h2,.path-header h2,.development-copy h2,.contact-intro h2{font-family:SmileySans,"Microsoft YaHei",sans-serif;font-weight:700;letter-spacing:-.04em;line-height:.98;margin:0;font-size:clamp(50px,6.2vw,94px)}.scope-copy>p{max-width:38em;color:var(--muted);margin:30px 0 0;position:relative}.scope-drawing{position:absolute;inset:auto -7% -3% auto;width:58%;height:58%;opacity:.12}.scope-drawing svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.media-frame{position:relative;background:var(--silver);overflow:hidden}.media-frame::before,.media-frame::after{content:"";position:absolute;width:24px;height:24px;z-index:2}.media-frame::before{left:0;top:0;border-left:1px solid var(--orange);border-top:1px solid var(--orange)}.media-frame::after{right:0;bottom:0;border-right:1px solid var(--orange);border-bottom:1px solid var(--orange)}
.product-record{position:relative;border-top:2px solid var(--ink);padding-top:24px;margin-top:clamp(44px,5vw,74px)}.evidence-list article>span,.evidence-list time{display:block;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:16px}.product-record h3{font-size:clamp(26px,2.2vw,38px);line-height:1.2;margin:0 0 18px}.product-record p{color:var(--muted);max-width:36em;margin:0}
.path{background:var(--ink);color:var(--paper-2);padding:clamp(90px,10vw,170px) 0}.path-header{max-width:var(--max);padding:0 clamp(20px,4vw,72px) clamp(70px,8vw,120px);display:grid;grid-template-columns:1.15fr .62fr .32fr;gap:clamp(32px,4vw,64px);align-items:end}.path-header p{color:#c9c4ba;max-width:38em;margin:0}.path-tower{margin:0;aspect-ratio:4/5;min-width:150px;overflow:hidden}.path-tower img{filter:saturate(.58) contrast(1.05)}.path-row{display:grid;grid-template-columns:1fr 1.55fr;border-top:1px solid #55544f;min-height:460px}.path-row:last-child{border-bottom:1px solid #55544f}.path-row figure{margin:0;min-height:420px;overflow:hidden}.path-row img{filter:saturate(.72)}.path-copy{padding:clamp(44px,6vw,92px);display:flex;flex-direction:column;justify-content:flex-end}.path-copy h3{font-family:SmileySans,"Microsoft YaHei",sans-serif;font-size:clamp(38px,4vw,62px);font-weight:700;line-height:1.02;letter-spacing:-.035em;margin:0 0 22px}.path-copy p{max-width:34em;color:#c9c4ba;margin:0}.segment-row{grid-template-columns:1.55fr 1fr}.surface-row{grid-template-columns:1.2fr .8fr;max-height:720px}.surface-row figure{aspect-ratio:1}
.development{position:relative;background:transparent;padding:0 0 clamp(90px,9vw,150px)}.development-media{height:min(68vw,780px);margin:0}.development-media img{filter:saturate(.58) contrast(1.03)}.development-copy{max-width:var(--max);margin:-12vw auto 0;position:relative;background-color:rgba(243,239,230,.92);background-image:url('assets/materials/paper-texture.webp');background-size:700px auto;padding:clamp(50px,6vw,92px) clamp(20px,4vw,72px) 0;width:92%}.development-copy h2{max-width:11ch}.evidence-list{margin-top:clamp(50px,7vw,100px);border-top:2px solid var(--ink)}.evidence-list article{display:grid;grid-template-columns:.34fr .9fr 1.2fr;gap:34px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.evidence-list article>*{margin:0}.evidence-list h3{font-size:22px;line-height:1.35}.evidence-list p{color:var(--muted);max-width:48em}
.contact{background:var(--ink);color:var(--paper-2)}.contact-media{height:min(46vw,660px);margin:0;position:relative}.contact-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,27,30,.82),rgba(23,27,30,.05) 65%)}.contact-panel{max-width:var(--max);margin:auto;padding:clamp(78px,9vw,140px) clamp(20px,4vw,72px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(64px,9vw,140px)}.contact-intro p{color:#c9c4ba;max-width:34em;margin:28px 0 40px}.contact-intro address{font-style:normal;padding-top:24px;border-top:1px solid #5a5954;max-width:34em}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;align-content:start}.inquiry-form label{display:grid;gap:9px;font-size:13px;color:#d8d3ca}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid #716f68;background:transparent;color:var(--paper-2);border-radius:0;padding:12px 2px;min-height:48px}.inquiry-form select{background:var(--ink)}.inquiry-form textarea{resize:vertical}.inquiry-form input:hover,.inquiry-form select:hover,.inquiry-form textarea:hover{border-color:var(--paper-2)}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 4px 14px rgba(199,72,36,.22)}.full-field{grid-column:1 / -1}.inquiry-form button{grid-column:1 / -1;min-height:54px;border:0;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}.inquiry-form button:hover{filter:brightness(1.12);transform:translateY(-2px)}.field-error{min-height:1.4em;color:#ff9c7f;font-size:12px}.form-status{grid-column:1 / -1;min-height:1.7em;margin:0;color:#ffd4c7;font-size:14px}.inquiry-form [aria-invalid="true"]{border-color:#ff9c7f}
.inquiry-form :disabled{opacity:.72;cursor:not-allowed}.form-noscript{grid-column:1 / -1;color:#ffd4c7;margin:0}
.site-footer{min-height:160px;padding:36px clamp(20px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;border-top:1px solid var(--line)}.footer-brand{display:grid}.footer-brand strong{font-size:20px}.footer-brand span,.site-footer p{font-size:12px;color:var(--muted)}.site-footer p{margin:0}.site-footer>a{justify-self:end;min-height:44px;display:flex;align-items:center}
@media (max-width:900px){:root{--header:68px}.site-header{padding:0 20px}.brand small{display:none}html:not(.js) .site-header{height:auto;min-height:var(--header);padding-block:10px;position:static;flex-wrap:wrap}.site-nav{position:static;width:100%;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--ink);transform:none;visibility:visible;transition:none}html.js .menu-toggle{display:grid;place-items:center}html.js .site-nav{position:fixed;inset:var(--header) 0 auto;width:auto;background:var(--paper);padding:24px 20px 34px;grid-template-columns:1fr;transform:translateY(-120%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s}html.js .site-nav.open{transform:none;visibility:visible}.site-nav a{justify-items:start;border-bottom:1px solid var(--line);font-size:20px;min-height:58px}.menu-toggle[aria-expanded="true"] .menu-lines{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-lines::before{transform:rotate(-90deg)}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:600px}.hero-media{min-height:520px}.datum{left:20px;top:600px;bottom:-78px}.scope-rail{grid-template-columns:1fr 1fr;padding-left:20px}.scope{grid-template-columns:1fr;border-left:0;border-right:0}.node-detail{min-height:0;aspect-ratio:4/3}.scope-copy{border-left:0;border-top:1px solid var(--line)}.path-header{grid-template-columns:1fr}.path-tower{width:min(58%,360px);justify-self:end}.path-row,.segment-row,.surface-row{grid-template-columns:1fr;max-height:none}.segment-row figure{order:2}.surface-row figure{aspect-ratio:16/10}.development-copy{margin:-8vw auto 0}.evidence-list article{grid-template-columns:.35fr 1fr}.evidence-list p{grid-column:2}.contact-panel{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer p{grid-row:2}.site-footer>a{grid-column:2;grid-row:1 / span 2}}
@media (max-width:520px){.brand strong{font-size:15px}.brand-mark{width:28px}.hero-copy{min-height:520px;padding:66px 22px 54px}.hero-copy h1{font-size:clamp(54px,17vw,78px);-webkit-text-stroke:.7px currentColor}.hero-lead{font-size:19px;margin-top:28px}.hero-media{min-height:420px}.datum{top:520px}.scope-rail{grid-template-columns:1fr;padding-left:20px}.scope-rail span{min-height:54px;border-right:1px solid var(--line)}.scope-copy{padding:66px 20px}.scope-copy h2,.path-header h2,.development-copy h2,.contact-intro h2{font-size:clamp(42px,13vw,62px)}.product-record h3{font-size:27px}.node-detail{aspect-ratio:1}.path{padding:80px 0}.path-header{padding:0 20px 58px;gap:24px}.path-tower{width:54%}.path-row figure{min-height:280px}.path-copy{padding:40px 20px 48px}.path-copy h3{font-size:40px}.development-media{height:500px}.development-copy{width:calc(100% - 20px);margin:-70px 0 0 20px;padding:46px 20px 0}.evidence-list article{grid-template-columns:1fr;gap:10px;padding:26px 0}.evidence-list p{grid-column:auto}.contact-media{height:430px}.contact-panel{padding:70px 20px;gap:54px}.inquiry-form{grid-template-columns:1fr}.full-field,.inquiry-form button,.form-status{grid-column:auto}.site-footer{grid-template-columns:1fr;gap:20px;padding:32px 20px}.site-footer p,.site-footer>a{grid-row:auto;grid-column:auto;justify-self:start}}
.path-row figure{min-width:0}
@media (max-width:520px){.path-row figure{width:100%;height:300px;min-height:0;aspect-ratio:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.datum span{transform:scaleY(1)!important}}