/* 伍行界 · 品牌页 (brand.html only) — all rules scoped under .bp-root; do not load on other pages. build 20260927-brand3 */
@font-face{font-family:"WXJ Serif";src:url(../assets/brand/fonts/SourceHanSerifSC-Light.subset.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"WXJ Serif";src:url(../assets/brand/fonts/SourceHanSerifSC-Regular.subset.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"WXJ Serif";src:url(../assets/brand/fonts/SourceHanSerifSC-Medium.subset.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"WXJ Serif";src:url(../assets/brand/fonts/SourceHanSerifSC-SemiBold.subset.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"WXJ Latin";src:url(../assets/brand/fonts/CormorantGaramond.subset.woff2) format("woff2");font-weight:300 700;font-display:swap}
.bp-root{--ink:#1a1a1a; --ink-deep:#141311; --ink-soft:#242220;
  --ivory:#f3ece0; --ivory-deep:#ebe2d2;
  --gold:#c9a96e; --gold-ink:#9c7d45;           
  --on-dark:#ece4d6; --on-dark-2:rgba(236,228,214,.64);
  --on-ivory:#28231e; --on-ivory-2:#6d6356;
  --serif:"WXJ Serif","Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;
  --latin:"WXJ Latin","Cormorant Garamond","Times New Roman",serif;
  --side:64px; --wrap:1312px; --g:24px;
  --bleed:calc((100vw - min(100vw - 2*var(--side), var(--wrap))) / 2);
  --pad:72px;                                     
  --header:var(--header-h,4.25rem);}
.bp-root *{box-sizing:border-box;margin:0;padding:0}
.bp-root{font-family:var(--serif);color:var(--on-ivory);background:var(--ink);line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;font-weight:400}
.bp-root img{display:block;max-width:100%}
.bp-root a{color:inherit;text-decoration:none}
.bp-root ul{list-style:none}
.bp-root em{font-style:normal}
.bp-root figure{margin:0}
.bp-root .wrap{width:min(100% - 2*var(--side), var(--wrap));margin-inline:auto}
.bp-root .tone-dark{background:var(--ink);color:var(--on-dark)}
.bp-root .tone-ivory{background:var(--ivory);color:var(--on-ivory)}
.bp-root .b-sec{padding:var(--pad) 0}
.bp-root .ph{position:relative;overflow:hidden;background:#2a2723}
.bp-root .ph img{width:100%;height:100%;object-fit:cover}
.bp-root .hair{display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle}
.bp-root .hair--long{width:64px}
.bp-root .num{font-family:var(--latin);font-weight:500;color:var(--gold);letter-spacing:.08em;font-size:17px}
.bp-root .tone-ivory .num{color:var(--gold-ink)}
.bp-root .sec-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.bp-root .sec-head .hair{width:44px}
.bp-root .sec-head .label{font-size:13px;letter-spacing:.42em;color:var(--on-dark-2)}
.bp-root .tone-ivory .sec-head .label{color:var(--on-ivory-2)}
.bp-root .tone-ivory .hair{background:var(--gold-ink)}
.bp-root .bp-btn{display:inline-flex;align-items:center;gap:18px;height:50px;padding:0 30px;font-size:15px;letter-spacing:.32em;
  transition:background .3s,color .3s,gap .3s}
.bp-root .bp-btn .arrow{position:relative;display:inline-block;width:26px;height:1px;background:currentColor}
.bp-root .bp-btn .arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:1px;background:currentColor;transform:rotate(35deg);transform-origin:right center}
.bp-root .bp-btn:hover{gap:24px}
.bp-root .bp-btn--gold{background:var(--gold);color:var(--ink)}
.bp-root .bp-btn--gold:hover{background:#d8bb85}
.bp-root .bp-btn--ink{background:var(--ink);color:var(--ivory)}
.bp-root .bp-btn--line{box-shadow:inset 0 0 0 1px var(--on-ivory);color:var(--on-ivory)}
.bp-root .bp-btn--line:hover{background:var(--on-ivory);color:var(--ivory)}
.bp-root .b-hero{position:relative;height:calc(100svh - var(--header));min-height:0;background:var(--ink-deep);color:var(--on-dark);overflow:hidden}
.bp-root .b-hero__bg,.bp-root .b-hero__bg img{position:absolute;inset:0;width:100%;height:100%}
.bp-root .b-hero__bg img{object-fit:cover;object-position:78% 40%}
.bp-root .b-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(to top,rgba(20,19,17,.55),transparent);pointer-events:none}
.bp-root .b-hero__inner{position:absolute;left:max(var(--side), calc((100vw - var(--wrap))/2));top:50%;transform:translateY(-46%);z-index:2;max-width:720px}
.bp-root .eyebrow{font-size:12px;letter-spacing:.46em;color:var(--gold);display:flex;align-items:center;gap:16px;margin-bottom:30px;font-family:var(--serif)}
.bp-root .eyebrow .hair{width:40px}
.bp-root .b-hero__title{font-weight:300;font-size:clamp(44px,4.4vw,64px);line-height:1.22;letter-spacing:.14em;white-space:nowrap;color:#f4ede1}
.bp-root .b-hero .hair--long{margin:34px 0 28px}
.bp-root .b-hero__sub{font-size:24px;letter-spacing:.3em;font-weight:300;color:var(--on-dark)}
.bp-root .b-hero__motto{margin-top:12px;font-size:15px;letter-spacing:.62em;color:var(--gold)}
.bp-root .b-hero__side{position:absolute;z-index:2;right:max(40px, calc((100vw - var(--wrap))/2 - 8px));top:56px;display:flex;flex-direction:column;align-items:center;gap:16px;
  writing-mode:vertical-rl;font-size:13px;letter-spacing:.5em;color:var(--on-dark-2)}
.bp-root .b-hero__side i{width:1px;height:72px;background:var(--gold);opacity:.8}
.bp-root .b-hero__side em{font-family:var(--latin);letter-spacing:.4em;font-size:12px;color:var(--gold)}
.bp-root .b-hero__folio{position:absolute;z-index:2;left:max(var(--side), calc((100vw - var(--wrap))/2));bottom:34px;display:flex;align-items:center;gap:14px;
  font-family:var(--latin);font-size:14px;letter-spacing:.12em;color:var(--on-dark-2)}
.bp-root .b-hero__folio em:first-child{color:var(--gold)}
.bp-root .b-hero__folio i{width:88px;height:1px;background:rgba(236,228,214,.28);position:relative}
.bp-root .b-hero__folio i:before{content:"";position:absolute;left:0;top:0;width:14%;height:1px;background:var(--gold)}
.bp-root .b-intro{padding-bottom:calc(var(--pad) + 8px)}
.bp-root .b-intro__grid{display:grid;grid-template-columns:64px minmax(0,4.6fr) minmax(0,6.4fr);column-gap:52px;align-items:center}
.bp-root .vtitle{align-self:start;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:6px}
.bp-root .vtitle h2{writing-mode:vertical-rl;font-weight:500;font-size:40px;letter-spacing:.34em;line-height:1;color:var(--on-ivory)}
.bp-root .vtitle .vhair{width:1px;height:84px;background:var(--gold-ink)}
.bp-root .b-intro__text .lead{font-size:31px;line-height:1.72;font-weight:400;letter-spacing:.06em;color:var(--on-ivory);text-wrap:pretty}
.bp-root .b-intro__text .lead em{color:var(--gold-ink);font-weight:600}
.bp-root .b-intro__text .lead-2{margin-top:22px;font-size:20px;line-height:1.75;letter-spacing:.12em;color:var(--on-ivory-2)}
.bp-root .b-intro__text .sign{margin-top:34px;display:flex;align-items:center;gap:14px;font-family:var(--latin);font-size:14px;letter-spacing:.3em;color:var(--gold-ink)}
.bp-root .b-intro__media{position:relative;margin-right:calc(-1 * var(--bleed));padding-bottom:52px}
.bp-root .b-intro__media .ph--main{aspect-ratio:4/3}
.bp-root .piece-name{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.22em;line-height:1;color:var(--on-ivory)}
.bp-root .piece-name:before{content:"";width:18px;height:1px;background:var(--gold-ink);flex:none}
.bp-root .b-intro__media .piece-name--main{position:absolute;right:var(--bleed);bottom:14px}
.bp-root .b-intro__media .ph--inset{position:absolute;left:-36px;bottom:0;width:28%;aspect-ratio:auto;outline:none;background:transparent;overflow:visible;display:flex;flex-direction:column;align-items:center;box-shadow:none}
.bp-root .b-intro__media .ph--inset img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 16px 36px -26px rgba(40,32,24,.5)}
.bp-root .b-intro__media .ph--inset .piece-name{margin-top:10px;justify-content:center}
.bp-root .wing--inner .ph img{object-position:50% 34%}
.bp-root .b-yimi{padding:var(--pad) 0}
.bp-root .b-yimi__grid{position:relative;display:grid;grid-template-columns:53% 1fr;min-height:640px}
.bp-root .b-yimi__right{display:flex;flex-direction:column;padding:0 0 0 96px;padding-right:0}
.bp-root .b-yimi__right .sec-head{margin-top:4px}
.bp-root .display{font-weight:300;font-size:54px;line-height:1.28;letter-spacing:.12em;color:#f4ede1;margin-bottom:34px}
.bp-root .display .br-m{display:none}
.bp-root .wing{position:relative}
.bp-root .wing .ph{height:100%}
.bp-root .wing figcaption{position:absolute;left:0;right:0;bottom:0;padding:110px 36px 32px;background:linear-gradient(to top,rgba(14,13,12,.86) 0%,rgba(14,13,12,.5) 55%,rgba(14,13,12,0));display:flex;flex-direction:column;gap:8px}
.bp-root .wing .tag{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.46em;color:var(--gold)}
.bp-root .wing .tag:before{content:"";width:28px;height:1px;background:var(--gold)}
.bp-root .wing .line{font-size:27px;letter-spacing:.14em;font-weight:400;color:#f4ede1}
.bp-root .wing--physical{height:680px}
.bp-root .wing--inner{flex:1;min-height:400px;margin-right:0}
.bp-root .wing--inner .ph{position:absolute;inset:0;height:auto}
.bp-root .b-yimi__spine{position:absolute;left:53%;top:0;bottom:0;width:96px;display:flex;flex-direction:column;align-items:center;gap:18px;padding:6px 0}
.bp-root .b-yimi__spine i{flex:1;width:1px;background:linear-gradient(rgba(201,169,110,0),rgba(201,169,110,.7),rgba(201,169,110,0))}
.bp-root .b-yimi__spine span{writing-mode:vertical-rl;font-size:15px;letter-spacing:.6em;color:var(--gold)}
.bp-root .b-four{padding-bottom:var(--pad)}
.bp-root .b-four .sec-head{margin-bottom:30px}
.bp-root .b-four__row1,.bp-root .b-four__row3{display:grid;column-gap:var(--g);
  grid-template-columns:calc(var(--bleed) - var(--g)) repeat(12,minmax(0,1fr)) calc(var(--bleed) - var(--g))}
.bp-root .b-four__row1{grid-template-rows:150px 380px 180px}
.bp-root .blk--a{grid-column:1/10;grid-row:1/3}
.bp-root .blk--a .ph{height:100%}
.bp-root .blk-text--a{grid-column:10/14;grid-row:1;padding:4px 0 0 12px}
.bp-root .blk--b{grid-column:11/15;grid-row:2/4;margin-top:16px}
.bp-root .blk--b .ph{height:100%}
.bp-root .blk-text--b{grid-column:6/10;grid-row:3;justify-self:end;text-align:right;padding-top:30px}
.bp-root .blk-text .idx{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--gold-ink);letter-spacing:.2em;margin-bottom:12px}
.bp-root .blk-text .idx:after{content:"";width:28px;height:1px;background:currentColor}
.bp-root .blk-text--b .idx{justify-content:flex-end;flex-direction:row-reverse}
.bp-root .blk-text h3{font-size:30px;font-weight:500;letter-spacing:.16em;line-height:1.35;color:var(--on-ivory)}
.bp-root .blk-text p{margin-top:8px;font-size:18px;letter-spacing:.24em;color:var(--on-ivory-2)}
.bp-root .blk--c{position:relative;margin-top:76px;height:560px}
.bp-root .blk--c .ph{height:100%}
.bp-root .blk--c .ph img{object-position:50% 62%}
.bp-root .blk-text--c{position:absolute;left:0;bottom:0;right:0;padding:140px max(var(--side), calc((100vw - var(--wrap))/2)) 44px;
  background:linear-gradient(to top,rgba(12,11,10,.72),rgba(12,11,10,0))}
.bp-root .blk-text--c .idx{color:var(--gold)}
.bp-root .blk-text--c h3{color:#f6efe3;font-size:44px;font-weight:400;letter-spacing:.2em}
.bp-root .blk-text--c p{color:rgba(246,239,227,.84);font-size:20px}
.bp-root .b-four__row3{margin-top:76px;align-items:center}
.bp-root .blk-text--d{grid-column:2/7;padding-right:24px;position:relative;padding-top:40px;padding-bottom:40px}
.bp-root .blk-text--d:before{content:"肆";position:absolute;left:-18px;top:50%;transform:translateY(-54%);font-size:300px;line-height:1;font-weight:300;color:rgba(156,125,69,.1);z-index:0;pointer-events:none}
.bp-root .blk-text--d>*{position:relative;z-index:1}
.bp-root .blk-text--d .note{margin-top:22px;font-size:15px;letter-spacing:.14em;line-height:1.8;color:var(--on-ivory-2);max-width:22em}
.bp-root .blk-text--d h3{font-size:40px}
.bp-root .blk-text--d .hair{margin-top:30px}
.bp-root .blk--d{grid-column:7/15;height:470px}
.bp-root .blk--d .ph{height:100%}
.bp-root .b-academy{padding-bottom:calc(var(--pad) + 4px)}
.bp-root .b-academy__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.bp-root .display-2{font-weight:300;font-size:44px;letter-spacing:.1em;line-height:1.3;color:#f4ede1}
.bp-root .display-2 em{font-size:1.6em;line-height:.8;color:var(--gold);font-weight:400;margin:0 .06em;vertical-align:-.06em}
.bp-root .span-note{font-family:var(--latin);font-size:19px;letter-spacing:.18em;color:var(--on-dark-2);padding-bottom:8px}
.bp-root .b-academy__strip{margin-top:34px;display:flex;gap:10px;overflow-x:auto;padding:0 max(var(--side),calc((100vw - var(--wrap))/2));scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bp-root .b-academy__strip::-webkit-scrollbar{display:none}
.bp-root .b-academy__strip li{position:relative;flex:0 0 clamp(148px,12vw,188px);scroll-snap-align:start}
.bp-root .b-academy__strip img{width:100%;aspect-ratio:1/2;object-fit:cover;object-position:center;display:block}
.bp-root .b-academy__strip span{display:block;margin-top:10px;padding-left:2px;font-size:12px;letter-spacing:.08em;line-height:1.45;color:var(--on-dark-2)}
.bp-root .b-autumn{margin-top:70px;display:grid;column-gap:var(--g);align-items:center;
  grid-template-columns:calc(var(--bleed) - var(--g)) repeat(12,minmax(0,1fr)) calc(var(--bleed) - var(--g))}
.bp-root .b-autumn__cover{grid-column:1/10}
.bp-root .b-autumn__cover img{width:100%;aspect-ratio:1800/1012;object-fit:cover}
.bp-root .b-autumn__text{grid-column:10/14;padding-left:28px}
.bp-root .kicker{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.4em;color:var(--gold)}
.bp-root .kicker .num{font-size:18px}
.bp-root .b-autumn__title{font-weight:300;font-size:92px;line-height:1.1;letter-spacing:.28em;color:#f6efe3;margin:12px 0 24px}
.bp-root .b-autumn .hair--long{margin-bottom:26px}
.bp-root .meta{display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.bp-root .meta div{display:flex;align-items:baseline;gap:22px}
.bp-root .meta dt{font-size:12px;letter-spacing:.3em;color:var(--gold);flex:none}
.bp-root .meta dd{font-size:17px;letter-spacing:.1em;color:var(--on-dark)}
.bp-root .meta dd.date{font-family:var(--latin);font-size:28px;letter-spacing:.08em;font-weight:500;line-height:1}
.bp-root .b-enter{padding-bottom:calc(var(--pad) + 4px)}
.bp-root .b-enter__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
.bp-root .door--partner{margin-top:84px}
.bp-root .door .ph{aspect-ratio:3/2}
.bp-root .door__text{position:relative;margin-top:-64px;width:80%;background:var(--ivory);padding:30px 34px 0 0}
.bp-root .door .tag{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.42em;color:var(--gold-ink)}
.bp-root .door .tag:before{content:"";width:28px;height:1px;background:currentColor}
.bp-root .door h3{margin:10px 0 26px;font-size:30px;font-weight:400;letter-spacing:.14em;line-height:1.45}
.bp-root .b-close{padding:84px 0 40px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--ink-deep)}
.bp-root .b-close__logo{height:140px;width:auto}
.bp-root .b-close__motto{margin-top:34px;display:flex;align-items:center;gap:26px;font-size:20px;letter-spacing:.7em;padding-left:.7em;color:var(--on-dark);font-weight:300}
.bp-root .b-close__motto i{width:72px;height:1px;background:var(--gold);opacity:.8}
.bp-root .b-close__foot{margin-top:60px;font-family:var(--latin);font-size:13px;letter-spacing:.34em;color:rgba(236,228,214,.36)}
.bp-rv-on .bp-root .rv{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.bp-rv-on .bp-root .rv.in{opacity:1;transform:none}
@media (max-width:760px){
.bp-root{--side:22px;--g:12px;--pad:52px}
.bp-root{line-height:1.72}
.bp-root .b-hero{height:calc(100svh - var(--header) - 4.1rem);min-height:0}
.bp-root .b-hero__bg img{object-position:50% 30%}
.bp-root .b-hero:after{height:62%;background:linear-gradient(to top,rgba(14,13,12,.92) 0%,rgba(14,13,12,.55) 45%,rgba(14,13,12,0))}
.bp-root .b-hero__inner{position:absolute;inset:0;transform:none;max-width:none}
.bp-root .b-hero .eyebrow{position:absolute;right:20px;top:26px;writing-mode:vertical-rl;margin:0;font-size:11px;letter-spacing:.4em;gap:12px}
.bp-root .b-hero .eyebrow .hair{width:1px;height:28px}
.bp-root .b-hero__title{position:absolute;right:52px;top:26px;writing-mode:vertical-rl;font-size:40px;letter-spacing:.26em;line-height:1.1;white-space:nowrap;
    text-shadow:0 2px 24px rgba(0,0,0,.5)}
.bp-root .b-hero .hair--long{position:absolute;left:var(--side);bottom:124px;margin:0;width:40px}
.bp-root .b-hero__sub{position:absolute;left:var(--side);bottom:70px;font-size:19px;letter-spacing:.24em}
.bp-root .b-hero__motto{position:absolute;left:var(--side);bottom:38px;margin:0;font-size:13px;letter-spacing:.56em}
.bp-root .b-hero__side,.bp-root .b-hero__folio{display:none}
.bp-root .b-intro__grid{grid-template-columns:40px 1fr;column-gap:18px;row-gap:34px;align-items:start}
.bp-root .vtitle{gap:10px;padding-top:4px}
.bp-root .vtitle h2{font-size:30px}
.bp-root .vtitle .vhair{height:48px}
.bp-root .b-intro__text .lead{font-size:21px;line-height:1.78;letter-spacing:.04em}
.bp-root .b-intro__text .lead-2{margin-top:14px;font-size:16px;letter-spacing:.04em}
.bp-root .b-intro__text .sign{margin-top:22px;font-size:12px}
.bp-root .b-intro__media{grid-column:1/-1;margin:0 calc(-1*var(--side));padding-bottom:86px}
.bp-root .b-intro__media .ph--inset{left:auto;right:var(--side);bottom:0;width:36%}
.bp-root .b-intro__media .ph--inset .piece-name{margin-top:8px;font-size:12px;letter-spacing:.18em}
.bp-root .b-intro__media .piece-name--main{left:var(--side);right:auto;bottom:63px;font-size:13px;letter-spacing:.16em}
.bp-root .b-intro{padding-bottom:var(--pad)}
.bp-root .b-yimi__grid{display:flex;flex-direction:column;min-height:0}
.bp-root .b-yimi__right{display:contents}
.bp-root .b-yimi .sec-head{order:1;padding:0 var(--side);margin:0 0 16px}
.bp-root .display{order:2;font-size:38px;padding:0 var(--side);margin-bottom:26px;letter-spacing:.1em}
.bp-root .wing--physical{order:3;height:450px}
.bp-root .wing--inner{order:4;width:70%;margin:-78px 0 0 auto;min-height:0;height:330px;z-index:2;outline:8px solid var(--ink)}
.bp-root .wing--physical figcaption{top:0;bottom:auto;padding:24px var(--side) 70px;background:linear-gradient(to bottom,rgba(14,13,12,.72),rgba(14,13,12,0))}
.bp-root .wing figcaption{padding:60px 20px 20px}
.bp-root .wing .line{font-size:20px}
.bp-root .wing .tag{font-size:11px}
.bp-root .b-yimi__spine{display:none}
.bp-root .b-four .wrap{width:auto;padding:0 var(--side)}
.bp-root .b-four__row1,.bp-root .b-four__row3{grid-template-columns:var(--side) 1fr 1fr var(--side);column-gap:0}
.bp-root .b-four__row1{grid-template-rows:auto auto auto}
.bp-root .blk--a{grid-column:1/-1;grid-row:1;height:280px}
.bp-root .blk-text--a{grid-column:2/4;grid-row:2;padding:22px 0 30px}
.bp-root .blk--b{grid-column:3/5;grid-row:3;margin:0;height:300px}
.bp-root .blk-text--b{grid-column:2/3;grid-row:3;align-self:end;justify-self:start;text-align:left;padding:0 14px 0 0}
.bp-root .blk-text--b .idx{justify-content:flex-start;flex-direction:row}
.bp-root .blk-text h3{font-size:23px;letter-spacing:.12em}
.bp-root .blk-text p{font-size:15px;letter-spacing:.16em}
.bp-root .blk-text .idx{font-size:13px;margin-bottom:8px}
.bp-root .blk--c{margin-top:48px;height:440px}
.bp-root .blk--c .ph img{object-position:52% 60%}
.bp-root .blk-text--c{padding:120px var(--side) 28px}
.bp-root .blk-text--c h3{font-size:30px}
.bp-root .blk-text--c p{font-size:16px}
.bp-root .b-four__row3{margin-top:0}
.bp-root .blk--d{grid-column:1/-1;grid-row:1;height:270px}
.bp-root .blk-text--d{grid-column:2/4;grid-row:2;padding:24px 0 0}
.bp-root .blk-text--d h3{font-size:26px}
.bp-root .blk-text--d .hair{margin-top:18px}
.bp-root .blk-text--d{padding:24px 0 0}
.bp-root .blk-text--d:before{font-size:170px;left:auto;right:-6px;top:10px;transform:none}
.bp-root .wing--inner .ph{position:relative;height:100%}
.bp-root .b-academy__head{flex-direction:column;align-items:flex-start;gap:8px}
.bp-root .display-2{font-size:27px;letter-spacing:.06em;line-height:1.45}
.bp-root .display-2 em{font-size:1.7em}
.bp-root .span-note{font-size:15px;padding:0}
.bp-root .b-academy__strip{gap:8px;padding:0 var(--side);margin-top:24px}
.bp-root .b-academy__strip li{flex:0 0 32vw}
.bp-root .b-academy__strip span{font-size:11px;letter-spacing:.04em}
.bp-root .b-autumn{margin-top:44px;grid-template-columns:var(--side) 1fr var(--side);column-gap:0}
.bp-root .b-autumn__cover{grid-column:1/-1}
.bp-root .b-autumn__text{grid-column:2/3;padding:26px 0 0}
.bp-root .b-autumn__title{font-size:64px;margin:6px 0 16px}
.bp-root .b-autumn .hair--long{margin-bottom:20px}
.bp-root .meta{gap:10px;margin-bottom:26px}
.bp-root .meta dd{font-size:15px}
.bp-root .meta dd.date{font-size:24px}
.bp-root .bp-btn{height:50px;width:100%;justify-content:center}
.bp-root .b-enter__grid{grid-template-columns:1fr;row-gap:40px}
.bp-root .door--partner{margin-top:0}
.bp-root .door .ph{margin:0 calc(-1*var(--side));aspect-ratio:4/3}
.bp-root .door__text{width:86%;margin-top:-44px;padding:22px 22px 0 0}
.bp-root .door--partner .ph{margin-left:14%}
.bp-root .door--partner .door__text{margin-left:auto;padding:22px 0 0 22px;margin-right:calc(-1*var(--side));padding-right:var(--side)}
.bp-root .door h3{font-size:22px;letter-spacing:.08em;margin:8px 0 20px;white-space:nowrap}
.bp-root .door--partner .door__text{width:92%}
.bp-root .door .bp-btn{width:auto}
.bp-root .b-close{padding:60px 0 30px}
.bp-root .b-close__logo{height:104px}
.bp-root .b-close__motto{font-size:16px;gap:16px;margin-top:26px}
.bp-root .b-close__motto i{width:36px}
.bp-root .b-close__foot{margin-top:40px;font-size:11px}
}

/* ---- integration with site chrome (styles.css untouched) ---- */
.bp-root{display:block;padding-top:var(--header-h,4.25rem);flex:1 0 auto}
.bp-root .bp-btn{justify-content:flex-start;border:0;border-radius:0;text-transform:none;font-family:var(--serif);font-weight:400;cursor:pointer;line-height:1}
.bp-root .bp-btn:active{transform:none}
.bp-root h1,.bp-root h2,.bp-root h3{font-family:var(--serif)}
@media (max-width:760px){.bp-root .bp-btn{justify-content:center}}