/* Brilean 参考：只覆盖本地首页首屏、导航和案例区入场留白。 */
.brilean-trial{
  --paper:#f9f9f9;
  --ink:#1a1918;
  --bone:#f9f9f9;
  --stage-pad:max(4vw,calc((100vw - 1620px)/2));
  --brand-size:clamp(28px,1.55vw,34px);
  background:var(--paper);color:var(--ink);
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif
}
.brilean-trial .grain{display:none}

/* 开场像一页设计手稿：细方格、双层图框和与首页一致的宋体。 */
.brilean-trial .loader{color:#1a1918}
.brilean-trial .loader-backdrop{
  background-color:#f9f9f7;
  background-image:
    linear-gradient(to right,rgba(26,25,24,.085) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(26,25,24,.085) 1px,transparent 1px),
    linear-gradient(to right,rgba(26,25,24,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(26,25,24,.035) 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;
  background-position:center center
}
.brilean-trial .loader-grid{opacity:0;background:none}
.brilean-trial .loader-label{
  left:var(--stage-pad);right:var(--stage-pad);color:#65635f;
  justify-content:flex-end;font:400 11px/1.3 Arial,"Noto Sans SC",sans-serif;letter-spacing:.12em
}
.brilean-trial .loader-label{top:30px}
.brilean-trial .loader-label span:first-child{
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none
}
.brilean-trial .loader-label span:last-child{
  color:#1a1918;font:400 32px/1 "Noto Serif SC","Songti SC",SimSun,serif;
  letter-spacing:-.06em
}
.brilean-trial .loader-label span:last-child:after{
  content:"/100";margin-left:8px;color:#77746e;font:400 10px/1 Arial,sans-serif;letter-spacing:.08em
}
.brilean-trial .loader-mark{
  width:min(76vw,960px);height:clamp(300px,36vh,390px);
  border:1px solid #a9a7a1;border-radius:0;background:rgba(249,249,247,.94);
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none
}
.brilean-trial .loader-mark:before{
  inset:12px;border:1px solid rgba(26,25,24,.12);border-radius:0;opacity:1
}
.brilean-trial .loader-mark small{
  left:29px;bottom:24px;color:#66645f;font:400 10px/1 Arial,sans-serif;
  letter-spacing:.15em
}
.brilean-trial .loader-operator{
  color:#1a1918;font:400 52px/1 "Noto Serif SC","Songti SC",SimSun,serif
}
.brilean-trial .loader-mark.is-flight{border-color:transparent;background:transparent;box-shadow:none}

@media(max-width:900px){
  .brilean-trial .loader-label{left:24px;right:24px}
  .brilean-trial .loader-mark{width:calc(100vw - 48px);height:280px}
}
@media(max-width:520px){
  .brilean-trial .loader-label{top:25px}
  .brilean-trial .loader-label span:last-child{font-size:24px}
  .brilean-trial .loader-mark{height:238px}
  .brilean-trial .loader-mark small{left:23px;bottom:20px}
}

/* Logo left, quiet links right, one circular action. */
.brilean-trial .site-header,
.brilean-trial .site-header.is-solid,
.brilean-trial .site-header.is-page{
  top:0;left:0;width:100%;height:96px;padding:0 var(--stage-pad);
  display:grid;grid-template-columns:1fr auto auto;gap:clamp(24px,2.5vw,56px);
  border:0;border-radius:0;background:#f9f9f9;color:#1a1918;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;transition:none
}
.brilean-trial .site-header.on-dark,
.brilean-trial .site-header.on-dark.is-solid{
  color:#f9f9f9;background:#1d1c1b;border:0;box-shadow:none
}
.brilean-trial .site-header.on-dark.on-process,
.brilean-trial .site-header.on-dark.on-process.is-solid{background:#191918}
.brilean-trial .site-header.on-dark.on-process::after{
  content:"";position:absolute;z-index:0;top:100%;left:0;right:0;height:12px;
  background:#191918;pointer-events:none
}
.brilean-trial .logo-slot{
  width:max-content;height:58px;padding:0;gap:10px;border:0;border-radius:0;
  background:transparent;box-shadow:none;transition:none
}
.brilean-trial .logo-slot img{width:58px;filter:none}
.brilean-trial .site-header .logo-slot #navBrandLabel{
  display:flex;align-items:baseline;gap:.12em;color:inherit;
  font:400 var(--brand-size)/1 "Noto Serif SC","Songti SC",SimSun,serif;
  letter-spacing:.02em;transform:none
}
.brilean-trial .site-header .logo-slot #navBrandLabel>span{
  display:block;flex:none;font:inherit;letter-spacing:inherit;
  color:inherit;opacity:1;transform:none
}
.brilean-trial .site-header.on-dark .logo-slot img{filter:invert(1)}
.brilean-trial .main-nav{
  justify-self:end;align-items:center;gap:clamp(27px,2.5vw,52px);
  color:inherit;font:500 clamp(13px,.84vw,16px)/1.2 "Noto Sans SC",sans-serif;
  letter-spacing:-.025em
}
.brilean-trial .main-nav>a,
.brilean-trial .nav-work>summary{
  display:flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;
  color:inherit;background:none;cursor:pointer;transition:opacity .2s ease
}
.brilean-trial .main-nav>a:hover,
.brilean-trial .nav-work>summary:hover{color:inherit;background:none;opacity:.56}
.brilean-trial .main-nav a:after{display:none}
.brilean-trial .nav-work{position:relative;z-index:1}
.brilean-trial .nav-work>summary{list-style:none;gap:8px}
.brilean-trial .nav-work>summary::-webkit-details-marker{display:none}
.brilean-trial .nav-work>summary .nav-work-chevron{
  display:block;width:10px;height:5px;background:currentColor;
  clip-path:polygon(0 0,100% 0,50% 100%);
  transition:transform .3s cubic-bezier(.2,.75,.2,1)
}
.brilean-trial .nav-work[open]>summary .nav-work-chevron{transform:rotate(180deg)}
.brilean-trial .nav-work-list{
  position:absolute;top:100%;left:0;width:160px;padding:8px 0 0;
  display:flex;flex-direction:column;gap:3px;border:0;border-radius:0;
  color:#1a1918;background:transparent;box-shadow:none;
  transform-origin:top left;animation:nav-work-in .38s cubic-bezier(.2,.75,.2,1) both
}
.brilean-trial .nav-work:not([open]) .nav-work-list{display:none}
@keyframes nav-work-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.brilean-trial .nav-work-list a{
  display:block;padding:10px 18px;border-radius:4px;font-size:14px;white-space:nowrap;
  background:#dfdfdf;transition:background .2s ease,transform .25s ease
}
.brilean-trial .nav-work-list a:hover{background:#c9c9c9;transform:translateX(3px)}
.brilean-trial .header-actions{gap:0}
.brilean-trial .header-login{display:none}
.brilean-trial .header-cta,
.brilean-trial .site-header.on-dark .header-cta{
  position:relative;width:auto;height:42px;min-height:42px;padding:0 0 0 16px;
  display:flex;align-items:center;justify-content:flex-end;gap:16px;overflow:hidden;
  border:0;border-radius:23px;color:inherit;background:transparent;box-shadow:none;
  font:500 clamp(13px,.84vw,16px)/1.2 "Noto Sans SC",sans-serif;
  text-decoration:none;white-space:nowrap;transition:none
}
.brilean-trial .header-cta:before{
  content:"";position:absolute;z-index:0;top:0;right:0;width:42px;height:42px;
  border-radius:23px;background:#1a1918;
  transition:width .45s cubic-bezier(.2,.75,.2,1)
}
.brilean-trial .site-header.on-dark .header-cta:before{background:#d1e14e}
.brilean-trial .header-cta-label{position:relative;z-index:1;transition:none}
.brilean-trial .header-cta-icon{
  position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;
  color:#d1e14e;
  transition:transform .35s cubic-bezier(.2,.75,.2,1)
}
.brilean-trial .header-cta-icon svg{display:block;width:17px;height:16px}
.brilean-trial .site-header.on-dark .header-cta-icon{color:#1a1918}
.brilean-trial .header-cta:hover,
.brilean-trial .site-header.on-dark .header-cta:hover,
.brilean-trial .header-cta:focus-visible{
  color:#f9f9f9;background:transparent;transform:none
}
.brilean-trial .site-header.on-dark .header-cta:hover,
.brilean-trial .site-header.on-dark .header-cta:focus-visible{color:#1a1918}
.brilean-trial .header-cta:hover:before,.brilean-trial .header-cta:focus-visible:before{width:100%}
.brilean-trial .header-cta:hover .header-cta-icon,.brilean-trial .header-cta:focus-visible .header-cta-icon{transform:translateX(2px)}
.brilean-trial :is(.main-nav a,.nav-work summary,.header-cta,.menu-button):focus-visible{
  outline:2px solid #a9b838;outline-offset:4px
}
@media(prefers-reduced-motion:reduce){
  .brilean-trial .nav-work-list{animation:none}
  .brilean-trial .header-cta:before,.brilean-trial .header-cta-icon{transition:none}
}

/* The entrance mark lands where the fixed wordmark lives. */
.brilean-trial .hero{
  height:max(65svh,620px);min-height:0;color:#1a1918;background:#f9f9f9
}
.brilean-trial .hero-brand-target{
  left:var(--stage-pad);top:29px;color:#1a1918;translate:none;opacity:1
}
.brilean-trial .hero-brand-lockup{gap:10px}
.brilean-trial .hero-brand-logo,
.brilean-trial .hero-brand-logo.is-landed{
  width:58px;transform:none;transition:none
}
.brilean-trial .hero-brand-letters{
  font:400 var(--brand-size)/1 "Noto Serif SC","Songti SC",SimSun,serif;
  letter-spacing:.02em
}
.brilean-trial .hero-brand-letters span{opacity:1;transform:none}
.brilean-trial .hero-copy{
  left:var(--stage-pad);bottom:clamp(72px,7.5svh,98px);width:calc(100vw - var(--stage-pad) - var(--stage-pad))
}
.brilean-trial .hero-title{
  margin:0;color:#1a1918;font:400 clamp(48px,3.65vw,80px)/1.13 "Noto Serif SC","Songti SC",SimSun,serif;
  letter-spacing:-.07em;text-transform:none;text-wrap:initial
}
.brilean-trial :is(.case-showcase-heading h2,.display-title,.expertise-copy h2,.contact-title-layered){
  font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:400;letter-spacing:-.055em
}
.brilean-trial .hero-line{padding:.035em 0 .07em}
.brilean-trial .hero-line:first-child,
.brilean-trial .hero-line:nth-child(2){font-size:clamp(56px,4.6vw,84px)}
.brilean-trial .hero-line:first-child{color:#c3c3c3}
.brilean-trial .hero-line:nth-child(2){margin-top:0;color:#1a1918}
.brilean-trial .hero-line i{width:max-content;max-width:100%}
.brilean-trial .hero-keep-row{display:contents}
.brilean-trial .hero-glyph{display:inline-block;white-space:pre;vertical-align:baseline}
.brilean-trial .hero-glyph.is-kept{
  -webkit-mask-image:linear-gradient(to bottom,transparent var(--kept-fade-leading,-16%),#000 var(--kept-fade-trailing,0%));
  mask-image:linear-gradient(to bottom,transparent var(--kept-fade-leading,-16%),#000 var(--kept-fade-trailing,0%))
}
.brilean-trial .hero-english{
  right:var(--stage-pad);bottom:clamp(75px,8svh,105px);width:min(18vw,330px);
  color:#1a1918;font:400 clamp(16px,1.08vw,22px)/1.35 Arial,"Noto Sans SC",sans-serif;
  letter-spacing:-.035em;text-align:right;white-space:normal
}
.brilean-trial .hero-english-desktop{display:inline-block}
.brilean-trial .hero-english-mobile{display:none}

/* The Z and M parts use the exact source mark, then meet in a quiet black field. */
.brilean-trial .case-showcase{
  position:relative;padding-top:0;overflow:clip;background:var(--bone);color:#f9f9f9;
  --panel-scale:1;--panel-radius:0px
}
.brilean-trial .case-showcase::before{
  content:"";position:absolute;inset:0;background:#1d1c1b;
  border-radius:var(--panel-radius);transform:scaleX(var(--panel-scale));
  transform-origin:center;will-change:transform;pointer-events:none
}
.brilean-trial .brand-interlude{
  position:relative;--entry-delay:480px;height:calc(clamp(1500px,235svh,2900px) + 520px + var(--entry-delay));
  --spread:min(35vw,740px);--mark-lift:min(16svh,190px);--scene-drop:0px;
  --mark-scale:.62;--mark-opacity:0;--name-opacity:0
}
.brilean-trial .brand-interlude-sticky{
  position:sticky;top:96px;height:calc(100svh - 96px);
  display:grid;place-items:center;overflow:clip
}
.brilean-trial .brand-interlude-logo{
  position:absolute;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--logo-reveal-leading,-16%),transparent var(--logo-reveal-trailing,0%));
  mask-image:linear-gradient(to bottom,#000 0%,#000 var(--logo-reveal-leading,-16%),transparent var(--logo-reveal-trailing,0%))
}
.brilean-trial .brand-interlude-mark{
  position:relative;z-index:16;width:clamp(300px,21vw,380px);aspect-ratio:1355/888;
  transform:translateY(calc(var(--scene-drop) - var(--mark-lift))) scale(var(--mark-scale));
  transform-origin:center;opacity:var(--mark-opacity);will-change:transform,opacity
}
.brilean-trial .brand-interlude-name{
  position:absolute;z-index:1;left:calc(50% + 22px);top:calc(50% - var(--mark-lift) + 165px);
  display:flex;align-items:baseline;gap:.45em;
  margin:0;color:#f9f9f9;white-space:nowrap;pointer-events:none;
  font:500 clamp(32px,2.7vw,56px)/1.2 Arial,sans-serif;letter-spacing:.22em;
  opacity:var(--name-opacity);transform:translateX(-50%)
}
.brilean-trial .brand-interlude-name-zh{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:400;letter-spacing:.12em}
.brilean-trial .brand-interlude-piece{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;
  filter:brightness(0) invert(1);backface-visibility:hidden;will-change:transform
}
.brilean-trial .brand-interlude-piece.is-z{
  transform:translate3d(calc(-1 * var(--spread)),0,0)
}
.brilean-trial .brand-interlude-piece.is-m{
  transform:translate3d(var(--spread),0,0)
}
.brilean-trial .case-showcase-stage:before{background:linear-gradient(90deg,#1d1c1b 7%,rgba(29,28,27,.96) 28%,rgba(29,28,27,.68) 58%,transparent 100%)}
.brilean-trial .case-showcase-stage:after{background:linear-gradient(270deg,#1d1c1b 7%,rgba(29,28,27,.96) 28%,rgba(29,28,27,.68) 58%,transparent 100%)}

@media(max-width:1100px){
  .brilean-trial .site-header{gap:22px}
  .brilean-trial .main-nav{gap:25px}
  .brilean-trial .hero-title{font-size:clamp(42px,3.9vw,58px)}
}
@media(max-width:900px){
  .brilean-trial .hero-line:first-child,
  .brilean-trial .hero-line:nth-child(2){font-size:clamp(38px,6.7vw,56px)}
  .brilean-trial .hero-keep-row{display:block;width:max-content}
  .brilean-trial{--stage-pad:24px;--brand-size:27px}
  .brilean-trial .site-header,.brilean-trial .site-header.is-solid{
    height:76px;grid-template-columns:1fr auto;gap:8px;padding:0 24px;background:#f9f9f9
  }
  .brilean-trial .site-header.on-dark,.brilean-trial .site-header.on-dark.is-solid{background:#1d1c1b}
  .brilean-trial .site-header .logo-slot{width:max-content;height:52px}
  .brilean-trial .logo-slot img{width:44px}
  .brilean-trial .site-header .logo-slot #navBrandLabel{font-size:var(--brand-size)}
  .brilean-trial .header-login{
    display:flex;align-items:center;justify-content:center;min-height:44px;
    padding:9px 12px;border:1px solid currentColor;border-radius:24px;
    color:inherit;background:transparent;opacity:1;font-size:13px;text-decoration:none;
    white-space:nowrap;flex:none
  }
  .brilean-trial .header-actions{gap:8px}
  .brilean-trial .header-cta,
  .brilean-trial .site-header.on-dark .header-cta{display:none}
  .brilean-trial .menu-button,
  .brilean-trial .site-header.on-dark .menu-button{
    display:block;min-width:48px;min-height:44px;padding:9px 12px;border:1px solid currentColor;
    border-radius:24px;color:inherit;background:transparent;box-shadow:none;font-size:13px;
    white-space:nowrap;flex:none
  }
  .brilean-trial .mobile-menu{padding-top:82px;border-radius:0;background:#f9f9f9}
  .brilean-trial.in-dark-section .mobile-menu{color:#f9f9f9;background:#1d1c1b}
  .brilean-trial .hero{height:100svh;min-height:720px}
  .brilean-trial .hero-brand-target{left:24px;top:23px}
  .brilean-trial .hero-brand-logo,
  .brilean-trial .hero-brand-logo.is-landed{width:44px}
  .brilean-trial .hero-copy{left:24px;bottom:200px;width:calc(100% - 48px)}
  .brilean-trial .hero-title{font-size:clamp(37px,5.3vw,54px);line-height:1.15}
  .brilean-trial .hero-line i{width:auto}
  .brilean-trial .hero-english{left:24px;right:24px;bottom:66px;width:auto;font-size:16px}
  .brilean-trial .hero-english-desktop{display:none}
  .brilean-trial .hero-english-mobile{display:inline-block}
  .brilean-trial .brand-interlude{--entry-delay:330px;height:calc(max(195svh,1300px) + 300px + var(--entry-delay));min-height:0}
  .brilean-trial .brand-interlude-sticky{top:76px;height:calc(100svh - 76px)}
  .brilean-trial .brand-interlude-mark{width:min(54vw,240px)}
  .brilean-trial .brand-interlude-name{left:calc(50% + 12px);top:calc(50% - var(--mark-lift) + 115px);font-size:36px}
}
@media(max-width:360px){
  .brilean-trial{--brand-size:24px}
  .brilean-trial .site-header,.brilean-trial .site-header.is-solid{padding-inline:16px}
  .brilean-trial .logo-slot img{width:39px}
}
@media(max-width:520px){
  .brilean-trial .hero-line:first-child,
  .brilean-trial .hero-line:nth-child(2){font-size:clamp(28px,7vw,36px)}
  .brilean-trial .hero-title{font-size:clamp(30px,7.4vw,38px);letter-spacing:-.065em}
  .brilean-trial .hero-copy{bottom:210px}
  .brilean-trial .hero-english{font-size:14px;line-height:1.5}
  .brilean-trial .brand-interlude{height:calc(max(190svh,1250px) + 300px + var(--entry-delay))}
  .brilean-trial .brand-interlude-name{left:50%;top:calc(50% - var(--mark-lift) + 95px);font-size:clamp(22px,7.8vw,26px);letter-spacing:.16em}
}
@media(prefers-reduced-motion:reduce){
  .brilean-trial .hero-line i{transition:none;transform:none}
  .brilean-trial .brand-interlude{height:60svh;min-height:420px;--spread:0px;--mark-lift:0px;--mark-scale:1}
  .brilean-trial .brand-interlude-logo{display:none}
}

/* 首屏滚动时固定整张舞台：文字擦除与左上品牌退场之后再交给近期项目。 */
.brilean-trial .hero{
  --hero-scroll-distance:clamp(1100px,135svh,1650px);
  --hero-phrase-hold:360px;
  --hero-stage-height:max(65svh,620px);
  height:calc(var(--hero-stage-height) + var(--hero-scroll-distance) + var(--hero-phrase-hold));
  min-height:0;overflow:visible;background:#1d1c1b
}
.brilean-trial .hero-stage{
  position:sticky;top:0;width:100%;height:var(--hero-stage-height);background:#f9f9f9;overflow:clip
}
.brilean-trial .hero-stage::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:100svh;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(26,25,24,.085) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(26,25,24,.085) 1px,transparent 1px),
    linear-gradient(to right,rgba(26,25,24,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(26,25,24,.035) 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;
  background-position:center center;opacity:var(--hero-grid-opacity,.5);
  transition:opacity .2s linear
}
@media(max-width:900px){
  .brilean-trial .hero{--hero-scroll-distance:clamp(760px,120svh,1200px);--hero-stage-height:100svh}
}
@media(max-width:520px){
  .brilean-trial .hero{--hero-scroll-distance:clamp(720px,125svh,1000px);--hero-phrase-hold:280px}
}
@media(prefers-reduced-motion:reduce){
  .brilean-trial .hero{height:var(--hero-stage-height);min-height:720px}
  .brilean-trial .hero-stage{position:relative;height:100%}
}