/* 2026-10-13 — profile as a scroll story, YouTube notes, Instagram wall,
   identity link cards, site buttons with a cut-corner frame, and the life
   line at the bottom of the page. Loaded last so it wins over older layers. */

/* ---------- shared: one-way reveal ---------- */
.story-motion [data-reveal] { opacity:0; transform:translateY(36px); transition:opacity .9s cubic-bezier(.2,.7,.2,1) calc(var(--d,0) * .12s), transform 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--d,0) * .12s); }
.story-motion [data-reveal].is-in { opacity:1; transform:none; }

/* ---------- profile story ---------- */
#profile #profile-area { display:block !important; width:100%; max-width:none; }
#profile .story { position:relative; width:100%; }
#lifeline #lifeline-area { display:block; width:100%; }
.story-intro { position:relative; min-height:150vh; }
.story-intro__pin { position:sticky; top:0; min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:12vh 0 8vh; }
.story-kicker { margin:0 0 26px; color:var(--teal); font-size:.72rem; font-weight:700; letter-spacing:.32em; }
.story-lines { display:flex; flex-direction:column; gap:.06em; margin:0; font-family:var(--serif); font-weight:700; font-size:clamp(2.6rem,7.4vw,7.2rem); line-height:1.08; word-break:keep-all; letter-spacing:-.02em; }
.story-line {
  --fill:0;
  display:block;
  color:transparent;
  background:linear-gradient(90deg,#fff 0 calc(var(--fill) * 100%), rgba(255,255,255,.14) calc(var(--fill) * 100%) 100%);
  -webkit-background-clip:text; background-clip:text;
  transform:translateY(calc((1 - var(--fill)) * 18px));
  transition:transform .2s linear;
}
.story-line:nth-child(3) { background:linear-gradient(90deg,var(--teal) 0 calc(var(--fill) * 100%), rgba(70,230,211,.16) calc(var(--fill) * 100%) 100%); -webkit-background-clip:text; background-clip:text; }
.story-introtext { max-width:46ch; margin:38px 0 0; color:#c9d6e3; font-size:clamp(1rem,1.5vw,1.2rem); line-height:2; }

.story-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 clamp(80px,12vw,160px); padding:0; list-style:none; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.story-stat { padding:34px 26px 30px; border-left:1px solid var(--line); }
.story-stat:first-child { border-left:0; }
.story-stat b { display:block; font-family:var(--serif); font-size:clamp(2.8rem,5.4vw,4.8rem); line-height:1; color:#fff; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.story-stat span { display:block; margin-top:14px; color:var(--muted); font-size:.84rem; line-height:1.7; }

.story-chapters { display:grid; gap:clamp(110px,16vw,220px); }
.story-chapter { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,6vw,96px); align-items:start; }
.story-chapter.is-flip .story-copy { order:2; }
.story-copy { position:sticky; top:16vh; }
.story-year { margin:0; font-family:var(--serif); font-size:clamp(3.6rem,9vw,7.6rem); line-height:.9; letter-spacing:-.04em; }
.story-year span { background:linear-gradient(120deg,#fff 20%,var(--teal) 70%,#7663ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.story-phase { margin:18px 0 12px; color:var(--teal); font-size:.68rem; font-weight:700; letter-spacing:.28em; }
.story-title { margin:0 0 18px; font-family:var(--serif); font-size:clamp(1.6rem,2.8vw,2.4rem); line-height:1.4; color:#fff; }
.story-text { margin:0; color:#c9d6e3; font-size:1rem; line-height:2.05; }
.story-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

.story-media { display:grid; gap:22px; }
.story-chapter[data-count-media="2"] .story-media { grid-template-columns:1.2fr .8fr; align-items:end; }
.story-chapter[data-count-media="3"] .story-media { grid-template-columns:1fr 1fr; }
.story-chapter[data-count-media="3"] .story-shot--0 { grid-column:1 / -1; }
.story-shot { margin:0; }
.story-shot__frame { overflow:hidden; border-radius:20px; background:#0b1520; box-shadow:0 40px 90px -50px rgba(0,0,0,.9); }
body .story-shot__frame img { display:block; width:100%; height:100%; aspect-ratio:4 / 3; object-fit:cover !important; transform:scale(1); }
.story-chapter[data-count-media="1"] .story-shot__frame img { aspect-ratio:16 / 10; }
.story-shot figcaption { margin-top:10px; color:var(--muted); font-size:.74rem; line-height:1.6; }
.story-motion .story-shot[data-reveal] { opacity:1; transform:none; }
.story-motion .story-shot[data-reveal] .story-shot__frame { clip-path:inset(14% 10% 14% 10% round 28px); transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--d,0) * .15s); }
.story-motion .story-shot[data-reveal] img { transform:scale(1.18); transition:transform 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--d,0) * .15s); }
.story-motion .story-shot[data-reveal] figcaption { opacity:0; transition:opacity .8s ease calc(.6s + var(--d,0) * .15s); }
.story-motion .story-shot.is-in .story-shot__frame { clip-path:inset(0 0 0 0 round 20px); }
.story-motion .story-shot.is-in img { transform:scale(1); }
.story-motion .story-shot.is-in figcaption { opacity:1; }

body .story-shot.is-tall .story-shot__frame img { aspect-ratio:3 / 4; object-position:50% 30%; }
.story-chapter[data-count-media="4"] .story-media { grid-template-columns:1fr 1fr; align-items:start; }
.story-chapter[data-count-media="3"] .story-shot--0.is-tall { grid-column:auto; }

/* then and now */
.story-portraits { display:flex; align-items:center; gap:clamp(14px,2.4vw,30px); margin-top:40px; }
.story-portrait { position:relative; width:clamp(130px,15vw,210px); margin:0; }
body .story-portrait img { display:block; width:100%; aspect-ratio:3 / 4; object-fit:cover !important; object-position:50% 35%; border-radius:18px; box-shadow:0 30px 60px -30px rgba(0,0,0,.9); }
.story-portrait figcaption { margin-top:10px; color:var(--muted); font-size:.74rem; line-height:1.5; }
.story-portrait figcaption b { display:block; color:#fff; font-family:var(--serif); font-size:1.5rem; line-height:1; margin-bottom:4px; }
.story-portrait:last-child figcaption b { color:var(--teal); }
.story-portraits__arrow { position:relative; flex:none; width:clamp(40px,6vw,90px); height:1px; background:linear-gradient(90deg,rgba(255,255,255,.2),var(--teal)); }
.story-portraits__arrow::after { content:""; position:absolute; right:0; top:-4px; width:9px; height:9px; border-top:1px solid var(--teal); border-right:1px solid var(--teal); transform:rotate(45deg); }

/* certificates */
.story-honours { margin:clamp(30px,6vw,80px) 0 0; padding:clamp(48px,7vw,90px) clamp(20px,4vw,56px); border:1px solid rgba(242,198,109,.28); border-radius:32px; background:radial-gradient(120% 80% at 50% 0%,rgba(242,198,109,.12),transparent 60%),rgba(9,14,22,.72); }
.story-honours__head { max-width:640px; margin:0 auto 46px; text-align:center; }
.story-honours__head .story-phase { color:var(--gold); }
.story-honours__head h3 { margin:0 0 14px; font-family:var(--serif); font-size:clamp(1.7rem,3vw,2.6rem); color:#fff; }
.story-honours__head p { margin:0; color:#c9d6e3; line-height:1.9; }
.story-honours__wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,2vw,28px); align-items:end; }
.story-cert { margin:0; color:inherit; text-decoration:none; }
.story-cert__paper { padding:10px; border-radius:6px; background:#f6f1e6; box-shadow:0 30px 60px -30px rgba(0,0,0,.85); transition:transform .5s cubic-bezier(.2,.7,.2,1); }
body .story-cert__paper img { display:block; width:100%; height:auto; object-fit:contain !important; }
.story-cert:nth-child(odd) .story-cert__paper { transform:rotate(-1.6deg); }
.story-cert:nth-child(even) .story-cert__paper { transform:rotate(1.4deg); }
.story-cert:hover .story-cert__paper,.story-cert:focus-visible .story-cert__paper { transform:translateY(-10px) rotate(0); }
.story-motion .story-cert[data-reveal] { transform:translateY(80px) rotate(4deg); }
.story-motion .story-cert[data-reveal].is-in { transform:none; }
.story-cert__copy { margin-top:18px; }
.story-cert__copy span { color:var(--gold); font-family:var(--serif); font-size:1.4rem; }
.story-cert__copy b { display:block; margin:4px 0 6px; color:#fff; font-size:.95rem; line-height:1.5; }
.story-cert__copy small { color:var(--muted); font-size:.76rem; line-height:1.6; }
.story-honours__more { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; margin:44px 0 0; padding:24px 0 0; list-style:none; border-top:1px solid rgba(242,198,109,.22); color:#e6d2a8; font-size:.86rem; }
.story-honours__more li::before { content:"✦"; margin-right:8px; color:var(--gold); }

/* ---------- link frame used for site buttons ---------- */
.story-link,
#identity .identity-jump,
#youtube .channel-link,
#news .media-detail-link,
#research .more,
#bansou .more,
.project-links a {
  --cut:12px;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:48px;
  padding:12px 22px 12px 20px;
  border:0;
  border-radius:0;
  color:#eafffb;
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  background:
    linear-gradient(90deg,rgba(70,230,211,.22),rgba(118,99,255,.14)) padding-box;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
  transition:background .3s ease, color .3s ease;
}
.story-link::before,
#identity .identity-jump::before,
#youtube .channel-link::before,
#news .media-detail-link::before,
#research .more::before,
#bansou .more::before,
.project-links a::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,var(--teal),rgba(118,99,255,.9));
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 0,1px 1px,1px calc(100% - var(--cut) - .4px),calc(var(--cut) + .4px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(var(--cut) + .4px),calc(100% - var(--cut) - .4px) 1px,1px 1px);
}
.story-link i,
.yt-note__go::after { position:relative; width:26px; height:1px; background:currentColor; transition:width .35s cubic-bezier(.2,.7,.2,1); }
.story-link i::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); }
.story-link:hover,.story-link:focus-visible,
#identity .identity-jump:hover,#youtube .channel-link:hover,#news .media-detail-link:hover,#research .more:hover,#bansou .more:hover,.project-links a:hover { background:linear-gradient(90deg,rgba(70,230,211,.42),rgba(118,99,255,.3)); color:#fff; }
.story-link:hover i,.story-link:focus-visible i { width:40px; }

/* ---------- identity: concrete copy with links ---------- */
#identity .identity-lead a { color:#fff; text-decoration:none; background:linear-gradient(transparent 62%,rgba(70,230,211,.35) 62%); transition:background .3s ease; }
#identity .identity-lead a:hover,#identity .identity-lead a:focus-visible { background:linear-gradient(transparent 0,rgba(70,230,211,.35) 0); }
.identity-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:34px 0 0; padding:0; list-style:none; }
.identity-card { position:relative; display:block; overflow:hidden; aspect-ratio:3 / 4; border-radius:18px; color:#fff; text-decoration:none; background:#0b1520; }
body .identity-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover !important; transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .5s ease; filter:saturate(.9) brightness(.82); }
.identity-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,8,14,.05) 20%,rgba(3,8,14,.78) 55%,rgba(3,8,14,.97) 100%); }
.identity-card span { position:absolute; left:16px; right:16px; bottom:16px; z-index:1; }
.identity-card b { display:block; font-family:var(--serif); font-size:1.15rem; line-height:1.35; }
.identity-card small { display:block; margin-top:6px; color:#bfe9e3; font-size:.72rem; letter-spacing:.06em; }
.identity-card:hover img,.identity-card:focus-visible img { transform:scale(1.07); filter:saturate(1.05) brightness(.95); }

/* ---------- YouTube notes ---------- */
.yt-notes { margin-top:clamp(56px,7vw,90px); }
.yt-notes__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:16px; }
.yt-note { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:20px; padding:16px; border:1px solid var(--line); border-radius:22px; background:rgba(9,14,22,.66); color:inherit; text-decoration:none; transition:border-color .3s ease, background .3s ease; }
.yt-note:hover,.yt-note:focus-visible { border-color:rgba(255,46,67,.6); background:rgba(30,10,14,.6); }
.yt-note figure { position:relative; margin:0; overflow:hidden; border-radius:14px; aspect-ratio:16 / 9; }
body .yt-note figure img { width:100%; height:100%; object-fit:cover !important; transition:transform .6s ease; }
.yt-note:hover figure img { transform:scale(1.05); }
.yt-note__len { position:absolute; right:8px; bottom:8px; padding:2px 7px; border-radius:4px; background:rgba(0,0,0,.8); color:#fff; font-size:.72rem; font-variant-numeric:tabular-nums; }
.yt-note__meta { margin:2px 0 8px; color:#ff8a96; font-size:.66rem; font-weight:700; letter-spacing:.18em; }
.yt-note h3 { margin:0 0 10px; font-size:1rem; line-height:1.55; color:#fff; }
.yt-note p { margin:0; color:#b8c6d4; font-size:.84rem; line-height:1.8; }
.yt-note__go { display:inline-flex; align-items:center; gap:10px; margin-top:12px; color:#ff8a96; font-size:.78rem; font-weight:700; }
.yt-note__go::after { content:""; }

/* ---------- Instagram wall ---------- */
.ig-wall { margin-top:clamp(80px,10vw,140px); display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(28px,5vw,70px); align-items:start; }
.ig-wall__head { position:sticky; top:18vh; }
.ig-wall__head h3 { margin:0 0 16px; font-family:var(--serif); font-size:clamp(3rem,6vw,5rem); line-height:1; color:#fff; }
.ig-wall__head h3 span { background:linear-gradient(90deg,#f9ce34,#ee2a7b,#6228d7); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ig-wall__head p { margin:0 0 24px; color:#c9d6e3; line-height:1.9; }
.ig-wall__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ig-tile { position:relative; display:block; overflow:hidden; aspect-ratio:9 / 16; border-radius:16px; background:#111; color:#fff; text-decoration:none; }
.ig-tile:nth-child(4n+2),.ig-tile:nth-child(4n+4) { transform:translateY(34px); }
.story-motion .ig-tile[data-reveal]:nth-child(4n+2).is-in,.story-motion .ig-tile[data-reveal]:nth-child(4n+4).is-in { transform:translateY(34px); }
body .ig-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover !important; transition:transform .7s ease; }
.ig-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.85)); }
.ig-tile__tag { position:absolute; z-index:1; left:10px; top:10px; padding:3px 8px; border-radius:4px; background:rgba(0,0,0,.55); font-size:.62rem; letter-spacing:.06em; }
.ig-tile__title { position:absolute; z-index:1; left:12px; right:12px; bottom:12px; font-size:.8rem; font-weight:700; line-height:1.45; }
.ig-tile:hover img,.ig-tile:focus-visible img { transform:scale(1.06); }

/* ---------- note and podcast ---------- */
.note-wall { margin-top:clamp(80px,10vw,140px); }
.note-wall__head { max-width:720px; }
.note-wall__head h3 { margin:0 0 16px; font-family:var(--serif); font-size:clamp(3rem,6vw,5rem); line-height:1; color:#fff; }
.note-wall__head h3 span { color:var(--nt); }
.note-wall__head p { margin:0 0 24px; color:#c9d6e3; line-height:1.9; }
.note-card:hover,.note-card:focus-visible { border-color:rgba(65,201,180,.6); background:rgba(8,26,24,.6); }
.note-card .yt-note__meta,.note-card .yt-note__go { color:#7fe3d2; }
body .note-card figure img { object-fit:cover !important; }
.pod-card { display:grid; grid-template-columns:minmax(0,220px) minmax(0,1fr); gap:clamp(20px,4vw,48px); align-items:center; margin-top:clamp(64px,8vw,110px); padding:clamp(18px,3vw,32px); border:1px solid rgba(190,90,255,.35); border-radius:28px; background:radial-gradient(120% 120% at 0% 0%,rgba(244,82,255,.14),transparent 55%),rgba(9,14,22,.72); }
.pod-card__art { display:block; overflow:hidden; border-radius:18px; box-shadow:0 30px 60px -30px rgba(0,0,0,.9); }
body .pod-card__art img { display:block; width:100%; aspect-ratio:1; object-fit:cover !important; transition:transform .6s ease; }
.pod-card__art:hover img { transform:scale(1.05); }
.pod-card .story-phase { color:#e59bff; }
.pod-card h3 { margin:0 0 10px; font-family:var(--serif); font-size:clamp(1.6rem,3vw,2.4rem); color:#fff; }
.pod-card__lead { margin:0 0 16px; color:#c9d6e3; line-height:1.85; }
.pod-card__eps { margin:0 0 22px; padding:0; list-style:none; display:grid; gap:8px; }
.pod-card__eps li { padding:10px 14px; border-left:2px solid #c45bff; background:rgba(255,255,255,.04); color:#e8eef5; font-size:.88rem; line-height:1.5; }
.pod-card__eps li span { display:block; color:#b993cf; font-size:.68rem; letter-spacing:.08em; }

/* hero: five official accounts in one row */
.hero-social-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
.hero-social-grid .social-card--note,.hero-social-grid .social-card--podcast { grid-column:auto; grid-template-columns:84px minmax(0,1fr); min-height:112px; border-color:rgba(255,255,255,.25); background:rgba(4,11,16,.88); backdrop-filter:blur(9px); }
@media (max-width:1000px) {
  .hero-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .hero-social-grid .social-card:last-child { grid-column:1 / -1; }
}
@media (max-width:760px) {
  .hero-social-grid .social-card--note,.hero-social-grid .social-card--podcast { grid-template-columns:52px minmax(0,1fr); min-height:82px; }
}

/* ---------- media wall ---------- */
.media-wall { margin:clamp(56px,7vw,96px) 0 clamp(40px,5vw,70px); }
.media-wall__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(150px,15vw,220px); grid-auto-flow:dense; gap:12px; margin-top:16px; }
.media-tile { position:relative; display:block; overflow:hidden; margin:0; border-radius:16px; background:#0b1520; color:#fff; text-decoration:none; }
.media-tile.is-big { grid-column:span 2; grid-row:span 2; }
body .media-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover !important; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.media-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(3,8,14,.9)); }
.media-tile__cap { position:absolute; z-index:1; left:14px; right:14px; bottom:12px; }
.media-tile__cap small { display:block; color:#9fe9df; font-size:.66rem; letter-spacing:.08em; }
.media-tile__cap b { display:block; margin-top:4px; font-size:.84rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.media-tile.is-big .media-tile__cap b { font-size:1.05rem; }
.media-tile:hover img,.media-tile:focus-visible img { transform:scale(1.06); }
.story-motion .media-tile[data-reveal] { transform:translateY(40px) scale(.96); }
.story-motion .media-tile[data-reveal].is-in { transform:none; }

/* ---------- life line at the bottom ---------- */
#lifeline .life-list { margin-top:24px; }

/* ---------- responsive ---------- */
@media (max-width:1000px) {
  .story-chapter,.story-chapter.is-flip { grid-template-columns:1fr; }
  .story-chapter.is-flip .story-copy { order:0; }
  .story-copy,.ig-wall__head { position:static; }
  .story-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .story-stat:nth-child(3) { border-left:0; }
  .story-stat:nth-child(n+3) { border-top:1px solid var(--line); }
  .story-honours__wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .identity-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .yt-notes__grid { grid-template-columns:1fr; }
  .ig-wall { grid-template-columns:1fr; }
  .pod-card { grid-template-columns:1fr; }
  .pod-card__art { max-width:240px; }
  .media-wall__grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:150px; }
}
@media (max-width:560px) {
  .story-intro { min-height:118vh; }
  .story-portrait { width:38vw; }
  .story-chapter[data-count-media="4"] .story-media { grid-template-columns:1fr 1fr; }
  .story-lines { font-size:clamp(2.5rem,13vw,3.4rem); }
  .story-stat { padding:24px 14px; }
  .story-stat b { font-size:2.5rem; }
  .story-chapter[data-count-media="2"] .story-media,.story-chapter[data-count-media="3"] .story-media { grid-template-columns:1fr; }
  .identity-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .identity-cards > :last-child { grid-column:1 / -1; aspect-ratio:16 / 9; }
  .yt-note { grid-template-columns:1fr; }
  .ig-wall__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .media-tile:not(.is-big) .media-tile__cap small { display:none; }
  .media-tile:not(.is-big) .media-tile__cap b { font-size:.76rem; }
  .ig-tile:nth-child(4n+2),.ig-tile:nth-child(4n+4),.story-motion .ig-tile[data-reveal]:nth-child(4n+2).is-in,.story-motion .ig-tile[data-reveal]:nth-child(4n+4).is-in { transform:none; }
  .story-honours { padding:40px 16px; border-radius:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .story-motion [data-reveal],.story-motion [data-reveal] * { opacity:1 !important; transform:none !important; clip-path:none !important; transition:none !important; }
  .story-line { --fill:1; }
}

/* ---------- 2026-10-13 films with people: show them more ---------- */
body[data-chapter="home"] .site-atmosphere-film.is-ready,
body[data-chapter="identity"] .site-atmosphere-film.is-ready { opacity:.58 !important; }
@media (max-width:760px) {
  body[data-chapter="home"] .site-atmosphere-film.is-ready,
  body[data-chapter="identity"] .site-atmosphere-film.is-ready { opacity:.45 !important; }
}