:root{--side:16rem;--gap:2.5rem;--bar:4rem;--wmt:6.5px}   
:root[data-logo="s"]{--ig:4.4rem;--wl:5.3rem;--sidepad:0px}
:root[data-logo="m"]{--ig:9.4rem;--wl:calc(var(--side) + var(--gap));--sidepad:6.4rem}
:root[data-logo="l"]{--ig:17.5rem;--wl:calc(var(--side) + var(--gap));--sidepad:14.6rem}
.itop{position:relative;z-index:20;height:var(--bar)}
.itop .top__in{position:relative;height:100%}
.ilogo{position:absolute;left:var(--edge);top:.3rem;display:block;z-index:2;color:inherit;text-decoration:none}
.ilogo__girl{display:flex;height:var(--ig);transition:height .35s ease}
.ilogo__girl img{height:100%;width:auto;filter:drop-shadow(0 8px 12px rgba(40,18,6,.3))}
.ilogo__wm{position:absolute;left:var(--wl);top:var(--wmt);white-space:nowrap;transition:left .35s ease}
.ilogo .wm{--wm-fs:2.35rem;position:relative;color:var(--brand-ink);line-height:.82}
.ilogo .wm__pub{position:static;width:auto;height:auto;margin:0 0 .12rem;gap:.4rem;color:var(--brand-ink)}
.ilogo .wm__pub span{font:800 .55rem/1 var(--sans);letter-spacing:.34em;margin-right:-.34em;text-shadow:none}
.ilogo .wm__pub::before,.ilogo .wm__pub::after{height:1px;opacity:.55}
.itop .nav{margin-left:auto}
.page{display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:var(--gap);padding-block:1.3rem 3rem}
.side{padding-top:var(--sidepad);transition:padding-top .35s ease}
.side__h{font:700 1.35rem/1.2 var(--serif);margin:0 0 .5rem;cursor:pointer;list-style:none}
.side__h::-webkit-details-marker{display:none}
.side__list{list-style:none;margin:0;padding:0}
.side__list a{display:flex;gap:.55rem;padding:.42rem 0;border-bottom:1px dashed var(--rule);color:var(--ink-2);text-decoration:none;font-size:.95rem;line-height:1.35}
.side__list a::before{content:"";flex:none;width:12px;height:12px;margin-top:.22rem;background:var(--ico);
  -webkit-mask:var(--pt-shape-2) center/contain no-repeat;mask:var(--pt-shape-2) center/contain no-repeat}
.side__list a:hover{color:var(--brand)}
.side__list a[aria-current]{color:var(--brand);font-weight:700}
.ttl{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.crumbs{margin:0;font-size:.85rem;color:var(--ink-3)}
.crumbs a{color:inherit}
.ttl h1{margin:.2rem 0 .35rem;font-size:clamp(1.7rem,3.2vw,2.5rem)}
.ttl__hills{display:block;width:100%;height:18px;margin:0 0 1.5rem}
.ttl__h1{fill:var(--c-hill-far)}.ttl__h2{fill:var(--c-hill-mid)}
.intro{color:var(--ink-2);margin:0 0 1.4rem;max-width:40rem}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem 1.2rem;grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr))}
.grid a{color:inherit;text-decoration:none}
.grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 10px 18px -12px rgba(30,20,10,.6);transition:translate .25s}
.grid a:hover img{translate:0 -4px}
.grid h3{font:700 1rem/1.3 var(--sans);margin:.65rem 0 .2rem}
.grid .m{color:var(--ink-3);font-size:.85rem;margin:0}
.bk1{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:2rem;align-items:start}
.bk1__cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 16px 30px -18px rgba(30,20,10,.7)}
.bk1__auth{font-weight:700;color:var(--ink-2);margin-top:0}
.buy{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.4rem}
.buy__h{font-weight:700;margin-right:.3rem}
.proto__home{color:#e9e4d8;font-weight:700;text-decoration:none;margin-left:auto}
@media (max-width:1060px){.itop a.ibtn{margin-left:auto}}
@media (max-width:900px){
  :root{--bar:3.4rem;--wmt:5.4px}
  :root[data-logo]{--ig:3.9rem;--wl:4.6rem;--sidepad:0px}
  .page{grid-template-columns:1fr;gap:1rem}
  .side__box{border-bottom:1px solid var(--rule);padding-bottom:.4rem}
  .ilogo .wm{--wm-fs:1.75rem}
  .ilogo .wm__pub span{font-size:.5rem;letter-spacing:.26em;margin-right:-.26em}
  .ilogo .wm__pub{margin-bottom:.2rem}
  .bk1{grid-template-columns:1fr}.bk1__cover{max-width:13rem}
}