/* One material world, from the opening scene into the working notes. */
.home { --scene-ink:#151614;--scene-light:#f5eddf; }
.home>.wrap { max-width:none; }
.home .site-header {
  position:relative;
  z-index:1;
  margin-inline:calc(-1 * var(--page-gutter));
  padding:22px var(--page-gutter);
  background:var(--scene-ink);
  color:var(--scene-light);
  border-bottom:1px solid #f5eddf26;
}
.home .site-header .brand-mark { filter:invert(1);mix-blend-mode:screen; }
.home .site-header .wordmark small { color:#c5c1b5; }
.home .site-header .nav-contact { border-color:#c6bfac80; }
.home .site-header a:hover { color:#efb986; }
.home .about-hero { display:block;padding:0;border:0; }
.author-scene {
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 120px);
  display:flex;
  align-items:center;
  margin-inline:calc(-1 * var(--page-gutter));
  padding:76px var(--page-gutter) 90px;
  color:var(--scene-light);
  background:var(--scene-ink);
  overflow:clip;
  view-timeline-name:--author-view;
}
.author-landscape {
  position:absolute;
  inset:-5% 0;
  z-index:0;
  display:block;
  pointer-events:none;
}
.author-landscape img { width:100%;height:100%;object-fit:cover;object-position:70% 53%; }
.author-scene::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#1113109c,transparent 75%),linear-gradient(0deg,#15161490,transparent 30%);
}
.author-intro { position:relative;z-index:2;width:min(72%,960px); }
.author-intro>.eyebrow { color:#c8b9a1;letter-spacing:.2em;font-size:10px; }
.home .about-hero h1 { margin:22px 0 0;line-height:.92; }
.author-name { display:block;font:18px/1.4 var(--sans);letter-spacing:-.02em;margin-bottom:24px; }
.home .about-hero h1 em {
  display:block;
  color:var(--scene-light);
  font:italic clamp(70px,8.8vw,154px)/.9 var(--serif);
  letter-spacing:-.055em;
}
.home .about-thesis { margin-top:32px;color:#e6ddcd;font-size:17px;line-height:1.65; }
.author-intro .actions { margin-top:32px;gap:20px 28px;max-width:680px; }
.author-intro .button { background:var(--scene-light);color:#25251f;border-color:var(--scene-light); }
.author-intro #hero-showcase-enter { min-height:64px;padding:18px 28px;font-size:18px; }
.author-intro .text-link { font-size:12px;color:#eee5d6; }
.author-intro .site-authorship { margin-top:24px;color:#e6ddcd;font-size:14px;line-height:1.65; }
.home .about-story {
  display:grid;
  grid-template-columns:.85fr 1fr 1fr;
  gap:24px 5%;
  max-width:1600px;
  margin:auto;
  padding:100px 0 110px;
  border:0;
  font-size:17px;
  line-height:1.85;
}
.home .about-story p+p { margin:0; }
.home .about-story .about-role {
  grid-row:1 / span 3;
  color:var(--ink);
  font:clamp(28px,2.6vw,44px)/1.14 var(--serif);
  text-transform:none;
  letter-spacing:-.035em;
  padding-right:8%;
}
.home .about-story>p:not(.about-role) { color:#626157;max-width:54ch; }
.home .hero { border-top:1px solid var(--line);padding:100px 0;gap:7%;grid-template-columns:1.05fr 1fr; }
.home .hero h2 { font-size:clamp(64px,6.2vw,108px);line-height:.98; }
.home .hero-copy { max-width:47ch;font-size:18px;line-height:1.8; }
.home .field-sheet { container-type:inline-size;transform:none;box-shadow:none;background:#e9e3d5;border-color:#c9c3b5; }
.home .field-sheet::after { display:none; }
.home .field-word { font-size:clamp(38px,11cqi,72px); }
.home .circle-stamp { background:#b3492c; }
.home .section { padding-block:100px; }
.home .section-head { margin-bottom:54px;gap:28px 8%; }
.home .section-head h2 { font-size:clamp(46px,5vw,86px);line-height:1.02; }
.home .section-head>p { max-width:40ch;font-size:16px;line-height:1.8; }
.home .red-queen { padding-block:110px;gap:40px 10%; }
.home .red-queen h2 { font-size:clamp(54px,5.5vw,88px);line-height:1; }
.home .red-queen-quote { padding:38px;border:0;background:#e9e3d5; }
.home .red-queen-quote blockquote { font-size:30px;line-height:1.35; }
.home #work {
  margin-inline:calc(-1 * var(--page-gutter));
  padding-inline:var(--page-gutter);
  color:var(--scene-light);
  background:#141d19;
  --muted:#b9c1b3;
  --line:#d4d4bd40;
}
.home #work>.section-head .eyebrow { color:#c9ab83; }
.home #work .work-item { border-top-color:#d1c8ab55;padding-top:24px; }
.home #work .work-item h3 { font-size:clamp(30px,2.6vw,43px); }
.home #work .status { background:#d2ccaf14;color:#d8d7c6; }
.home #work>.universe { padding:0;background:none;border-radius:0;margin-top:74px; }
.home #work>.universe>.universe-invitation { padding-block:48px;border-top:1px solid #d1c8ab55; }
.home #work>.universe>.universe-invitation .banner-copy h3 { font-size:clamp(70px,7vw,110px); }
.home #work>.universe>.universe-invitation .banner-stage { background:#0b151180; }
.home #sound {
  position:relative;
  isolation:isolate;
  margin-inline:calc(-1 * var(--page-gutter));
  padding:110px var(--page-gutter);
  background:#1b1915;
  color:var(--scene-light);
  --muted:#dfd3bf;
  --line:#cbb99b4d;
  overflow:clip;
  view-timeline-name:--sound-view;
}
.home #sound::before {
  content:"";
  position:absolute;
  inset:-10%;
  z-index:-2;
  pointer-events:none;
  background:url('/media/atmosphere/resonance.webp') 85% 45% / cover;
  opacity:.45;
}
.home #sound::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#151714e8,#15171480),linear-gradient(0deg,#151714,transparent);
  pointer-events:none;
}
.home #sound .section-head { min-height:220px;align-items:start; }
.home #sound .section-head h2 { max-width:8ch;font-size:clamp(64px,7vw,112px); }
.home #sound .eyebrow { color:#e0bc8e; }
.home #sound .process { gap:40px 7%; }
.home #sound a:hover { color:#ffca93; }
.home .process h3 { font:32px/1.12 var(--serif);letter-spacing:-.03em; }
.home .process p { line-height:1.8; }
.home .statement {
  background:transparent;
  color:var(--ink);
  padding:120px 0;
  margin:0;
  border-bottom:1px solid var(--line);
  gap:10%;
}
.home .statement h2 { font-size:clamp(52px,5.5vw,90px); }
.home .statement h3 { margin:22px 0 28px;font:clamp(34px,3vw,50px)/1.12 var(--serif);letter-spacing:-.03em; }
.home .statement .eyebrow { color:var(--orange); }
.home .statement>div>p:not(.eyebrow) { color:var(--muted);font-size:19px;line-height:1.85; }
.home .statement .button { background:var(--forest);color:var(--paper-light);border-color:var(--forest); }
.home .statement .text-link { color:var(--ink); }
.home .reading-links a { padding:32px 0;font-size:clamp(32px,3.4vw,56px); }
.home .reading-links span { color:var(--orange);margin-bottom:16px; }
.home .quote { padding:40px 0;font-size:clamp(42px,5.6vw,90px); }
@supports(animation-timeline:view()) {
  @media(prefers-reduced-motion:no-preference) and (scripting:enabled) {
    .author-landscape { animation:author-depth linear both;animation-timeline:--author-view;animation-range:exit 0% exit 100%; }
    .home #sound::before { animation:sound-depth linear both;animation-timeline:--sound-view;animation-range:entry 0% exit 100%; }
  }
}
@keyframes author-depth { to { transform:translateY(20%); } }
@keyframes sound-depth { from { transform:translateY(-5%); } to { transform:translateY(5%); } }
@media(max-width:1000px) {
  .home .about-story { grid-template-columns:1fr 1fr;gap:28px 7%; }
  .home .about-story .about-role { grid-column:1/-1;grid-row:auto;max-width:20ch;padding:0; }
  .home .hero { grid-template-columns:1fr;gap:54px; }
  .home .hero>div:first-child { max-width:760px; }
  .home .field-sheet { max-width:760px; }
}
@media(max-width:700px) {
  .home .site-header { padding-block:20px; }
  .author-scene { min-height:660px;padding-block:58px 64px;align-items:start; }
  .author-landscape img { object-position:67% 50%;opacity:.78; }
  .author-scene::after { background:linear-gradient(90deg,#111310b8,transparent),linear-gradient(0deg,#151614a0,transparent 60%); }
  .author-intro { width:100%; }
  .home .about-hero h1 em { font-size:clamp(60px,13.5vw,94px); }
  .author-name { font-size:17px; }
  .home .about-thesis { max-width:24ch;font-size:16px; }
  .author-intro .actions { gap:20px;align-items:start;flex-direction:column; }
  .home .about-story { display:block;padding-block:60px; }
  .home .about-story .about-role { font-size:36px;margin-bottom:32px; }
  .home .about-story p+p { margin-top:22px; }
  .home .hero,.home .section,.home .red-queen { padding-block:64px; }
  .home .hero h2 { font-size:clamp(54px,12vw,78px); }
  .home .section-head { gap:26px;margin-bottom:38px; }
  .home .red-queen-quote { padding:28px; }
  .home .red-queen-quote blockquote { font-size:26px; }
  .home #work>.universe { margin-top:48px; }
  .home #sound { padding-block:70px; }
  .home #sound .section-head { min-height:0; }
  .home #sound .section-head h2 { font-size:64px; }
  .home .statement { padding-block:70px;gap:32px; }
  .home .reading-links a { padding-block:28px; }
}
@media(max-width:700px) {
  .home:lang(ru) #work>.universe>.universe-invitation .banner-copy h3 { font-size:clamp(52px,13vw,78px); }
  .home:lang(ru) #sound .section-head h2 { font-size:clamp(52px,13vw,64px); }
}