:root{
    --ink:#2A2E33;
    --paper:#F2F0E9;
    --lime:#C7FF00;
    --gray:#A7A7A2;
    --gray2:#87898d;
    --card:#34383E;
    --line-a:rgba(242,240,233,0.18);
    --line-b:rgba(242,240,233,0.25);
    --line-c:rgba(242,240,233,0.35);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--ink);
    color:var(--paper);
    font-family:'Noto Sans JP',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .nb-en{font-family:'Archivo Black','Franklin Gothic Heavy',sans-serif;}
  .nb-jp{font-family:'Noto Sans JP',sans-serif;}
  .nb-mono{font-family:'Space Mono',monospace;}
  h1,h2,h3,p{margin:0;text-wrap:balance;}
  /* headings added for SEO/semantics: render exactly like the former <div>s */
  h1,h2,h3{font-size:inherit;font-weight:inherit;text-wrap:wrap;}
  /* ul/ol added for SEO/semantics (works grid, home grid, chip lists, link list):
     render exactly like the former <div>s — all of these are grid/flex containers,
     so list markers never generate regardless, but the UA default margin/padding
     on ul must still be zeroed or the grid/flex layout would shift. */
  ul,ol{margin:0;padding:0;list-style:none;}
  .hero-jp .hero-line{display:block;}
  .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}
  .link-list{display:flex; align-items:flex-start; flex-wrap:wrap; gap:20px 36px;}
  .link-banner{display:inline-block; color:inherit; text-decoration:none;}
  .link-banner img{display:block; height:46px; width:auto; max-width:100%; transition:opacity .2s;}
  .link-banner:hover img, .link-banner:focus-visible img{opacity:.6;}
  /* WAVE mark: same top/bottom as the SUPER TACO lettering (lettering spans 7.6px-43.0px of the 46px-high logo) */
  .link-wave{margin-top:8px;}
  .link-wave img{height:35px;}
  .link-banner:focus-visible{outline:2px solid var(--lime); outline-offset:6px;}
  button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;}

  /* ---------- shell ---------- */
  #app{min-height:100%;display:flex;flex-direction:column;}

  .nav{
    position:sticky; top:0; z-index:50;
    height:88px; flex:0 0 auto;
    display:flex; align-items:center; justify-content:space-between;
    padding:0 64px;
    background:var(--ink);
    border-bottom:1px solid var(--line-a);
  }
  .nav-logo{height:31.2px;width:auto;display:block;}
  .nav-logo-link{display:flex;align-items:center;}
  .nav-links{display:flex; gap:40px; font-size:12px; letter-spacing:0.08em;}
  .nav-links a{position:relative; padding-bottom:4px; opacity:0.55; transition:opacity .2s;}
  .nav-links a:hover{opacity:1;}
  .nav-links a.active{opacity:1; border-bottom:2px solid var(--lime);}
  .nav-burger{display:none; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; padding:12px 4px; margin-right:-4px;}
  .nav-burger span{width:24px;height:3px;background:var(--lime);transition:transform .28s cubic-bezier(.2,.9,.1,1), opacity .18s;}
  .nav-burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .nav-burger.open span:nth-child(2){opacity:0;}
  .nav-burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  /* グローバルメニュー: 文字幅ぶんの蛍光ライム小パネルが、右上からシュッと現れる */
  .nav-mobile-menu{
    position:fixed; top:64px; right:0; z-index:60;
    width:max-content; max-width:100vw;
    display:flex; flex-direction:column;
    background:var(--lime); color:var(--ink); padding:8px 0;
    clip-path:inset(0 0 100% 100%);
    visibility:hidden; pointer-events:none;
    transition:clip-path .26s cubic-bezier(.2,.9,.1,1), visibility 0s linear .26s;
  }
  .nav-mobile-menu.open{
    clip-path:inset(0 0 0 0);
    visibility:visible; pointer-events:auto;
    transition:clip-path .26s cubic-bezier(.2,.9,.1,1), visibility 0s;
  }
  .nav-mobile-menu a{font-size:24px; line-height:1; padding:16px 32px 16px 26px; color:var(--ink); white-space:nowrap;}
  .nav-mobile-menu a.active{box-shadow:inset 8px 0 0 var(--ink);}
  .nav-mobile-menu a, .nav-burger{-webkit-tap-highlight-color:transparent;}
  @media (min-width:901px){ .nav-mobile-menu{display:none;} }

  main{flex:1 0 auto;}
  .view{display:flex; flex-direction:column;}

  /* ---------- footer: the site turns out to be a printed sheet ----------
     Gunmetal continues unbroken from the page into the footer (= bleed area).
     Below it, the sheet's paper margin appears with crop marks, a centre mark,
     a registration target, CMYK dots and a colour bar. All marks are decoration (aria-hidden). */
  footer{flex:0 0 auto; background:var(--ink); position:relative;}
  .footer-bleed{position:absolute; left:14px; top:12px; font-size:9px; letter-spacing:.14em; color:#6b7078; pointer-events:none; user-select:none; -webkit-user-select:none;}
  .footer-wm{font-size:34px; line-height:1; margin-bottom:24px;}
  .footer-wm b{color:var(--lime); font-weight:400;}
  .footer-body{
    padding:56px 64px 44px;
    display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  }
  .footer-links{display:flex; align-items:center; gap:28px; font-size:12px; letter-spacing:.1em;}
  .footer-links a{padding-bottom:3px; border-bottom:1px solid var(--gray2); opacity:.85; transition:opacity .2s,border-color .2s;}
  .footer-links a:hover{opacity:1; border-color:var(--lime);}
  .footer-links a.active{opacity:1; border-color:var(--lime);}
  .footer-links a.footer-mail{
    background:var(--lime); color:var(--ink); border:0; opacity:1;
    padding:3px 10px; transform:rotate(-2deg); display:inline-block; letter-spacing:.04em;
  }
  .footer-meta{font-size:11px; color:var(--gray2); text-align:right; line-height:1.7; letter-spacing:.04em;}

  .footer-sheet{
    position:relative; height:68px; background:var(--paper); color:#000;
    user-select:none; -webkit-user-select:none; pointer-events:none; overflow:hidden;
  }
  .footer-sheet .mk{position:absolute; width:1px; background:#000;}
  .footer-sheet .mk.l{left:11px; top:0; height:22px;}
  .footer-sheet .mk.r{right:11px; top:0; height:22px;}
  .footer-sheet .mk.c{left:50%; top:0; height:12px;}
  .footer-sheet .reg{position:absolute; left:50%; top:16px; width:28px; height:28px; margin-left:-14px;}
  .footer-sheet .dots{position:absolute; left:calc(50% + 48px); top:22px; display:flex; gap:7px;}
  .footer-sheet .dots i{display:block; width:13px; height:13px; border-radius:50%;}
  .footer-sheet .info{position:absolute; right:-12px; top:26px; font-size:9px; letter-spacing:.3em; color:#6b6860; white-space:nowrap;}
  .footer-sheet .bar{position:absolute; left:-22px; top:28px; display:flex;}
  .footer-sheet .bar i{display:block; width:14px; height:10px;}
  .cc{background:#00A0E9;} .cm{background:#E4007F;} .cy{background:#FFF100;} .ck{background:#231815;}

  /* ---------- reveal-on-scroll (safe fallback: visible unless JS marks it offscreen) ---------- */
  .reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  .reveal.pre{opacity:0; transform:translateY(28px);}

  /* ---------- custom cursor ---------- */
  #cursor-dot{
    position:fixed; top:0; left:0; width:14px; height:14px; border-radius:50%;
    background:var(--lime); pointer-events:none; z-index:999;
    transform:translate(-50%,-50%); opacity:0; mix-blend-mode:difference;
    transition:opacity .2s, width .2s, height .2s;
  }
  #cursor-dot.grow{width:44px; height:44px;}
  @media (hover:none), (pointer:coarse){ #cursor-dot{display:none;} }

  /* ---------- magnifier lens (hovering a work image) ---------- */
  #cursor-lens{
    position:fixed; top:0; left:0; width:150px; height:150px; border-radius:50%;
    pointer-events:none; z-index:998; transform:translate(-50%,-50%);
    border:3px solid var(--lime); background-color:var(--paper); background-repeat:no-repeat;
    box-shadow:0 10px 28px rgba(0,0,0,.5);
    opacity:0; transition:opacity .18s;
  }
  #cursor-lens.active{opacity:1;}
  @media (hover:none), (pointer:coarse){ #cursor-lens{display:none;} }

  /* ---------- HOME ---------- */
  .home-hero{position:relative; height:720px; overflow:hidden; flex:0 0 auto;}
  .torn-a{position:absolute; inset:0; background:var(--paper); clip-path:polygon(0 0,46% 0,24% 100%,0 100%);}
  .torn-b{position:absolute; inset:0; clip-path:polygon(46% 0,49% 0,27% 100%,24% 100%); background:var(--lime);}
  @font-face{
    font-family:'HigureGothicLight';
    src:url(data:font/woff2;base64,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) format('woff2');
    font-weight:300; font-style:normal; font-display:swap;
  }
  .hero-jp{
    position:absolute; left:0em; top:96px; width:max-content; max-width:none; font-weight:300; font-family:'HigureGothicLight',sans-serif;
    font-size:clamp(80px, 10.5vw, 180px); line-height:1.05; color:var(--ink); letter-spacing:-0.01em;
    -webkit-text-stroke:1.5px var(--paper); paint-order:stroke fill;
    clip-path:inset(0 100% 0 0); animation:ink-reveal .9s .15s cubic-bezier(.5,0,0,1) forwards;
  }
  /* each line is rotated independently around its own left-top corner, instead of the
     whole 3-line block sharing a single pivot at line 1. With a shared pivot, lines 2/3
     (further from the pivot) swing sideways by an amount that grows with their distance
     from it, which silently fights the edge-bleed crop on their leading character —
     verified by testing: removing rotation entirely let "デ" (line 3) sit flush at the
     true left edge with a much smaller margin-left, and independent per-line rotation
     reproduces that same clean, predictable behavior while keeping the same -3deg tilt. */
  .hero-jp .hero-line{ transform:rotate(-3deg); transform-origin:left top; }
  @keyframes ink-reveal{to{clip-path:inset(0 0 0 0);}}
  /* 紙/そ/デ are pulled left just enough that their leading edge is genuinely
     clipped by the browser viewport's left boundary (.home-hero's overflow:hidden) —
     a real "run off the edge of the screen" crop, not a painted-on mask */
  .hero-jp .edge-bleed{ display:inline-block; }
  .hero-jp .eb1{ margin-left:-0.30em; }
  .hero-jp .eb2{ margin-left:-0.35em; }
  .hero-jp .eb3{ margin-left:-0.35em; }
  .hero-en{position:absolute; right:56px; top:76px; text-align:right; transform:rotate(2deg); transform-origin:right top;}
  .hero-en div{font-size:74px; line-height:1.02;}
  .hero-en .outline{color:transparent; -webkit-text-stroke:2px var(--paper);}
  .hero-en .fill{color:var(--lime);}
  .hero-kicker{position:absolute; right:56px; bottom:96px; font-size:12px; letter-spacing:.1em; color:var(--paper); opacity:.55;}
  .hero-sticker{
    position:absolute; left:56px; bottom:64px; background:var(--lime); color:var(--ink);
    padding:10px 16px; font-size:11px; letter-spacing:.06em; transform:rotate(-7deg);
    box-shadow:6px 6px 0 rgba(0,0,0,.35);
  }
  /* HERO: tablet / small desktop (600–1279px) — PCと同じ構図を、幅に比例して縮小して見せる。
     基準は幅1280pxの見え方（--s = 画面幅/1280）。小さな文字は読める下限(10px)を確保。 */
  @media (min-width:600px) and (max-width:1279px){
    :root{ --s: calc(100vw / 1280); }
    .home-hero{ height:calc(var(--s) * 720); }
    .hero-jp{ top:calc(var(--s) * 96); font-size:calc(var(--s) * 134.4); -webkit-text-stroke-width:max(1px, calc(var(--s) * 1.5)); }
    .hero-en{ right:calc(var(--s) * 56); top:calc(var(--s) * 76); }
    .hero-en div{ font-size:calc(var(--s) * 74); }
    .hero-en .outline{ -webkit-text-stroke-width:max(1px, calc(var(--s) * 2)); }
    .hero-kicker{ right:calc(var(--s) * 56); bottom:calc(var(--s) * 96); font-size:max(10px, calc(var(--s) * 12)); }
    .hero-sticker{
      left:calc(var(--s) * 56); bottom:calc(var(--s) * 64); font-size:max(10px, calc(var(--s) * 11));
      padding:calc(var(--s) * 10) calc(var(--s) * 16);
      box-shadow:calc(var(--s) * 6) calc(var(--s) * 6) 0 rgba(0,0,0,.35);
    }
    .hero-mono-sub{ display:none; }
  }
  .section-label{padding:40px 64px 24px; display:flex; align-items:center; gap:12px;}
  .section-label .dot{width:10px;height:10px;background:var(--lime);}
  .section-label span{font-size:12px; letter-spacing:.14em; color:var(--lime);}

  .featured-panel{padding:0 64px 40px;}
  .featured-frame{position:relative; border:1px solid var(--line-b);}
  .featured-img{width:100%; height:440px; overflow:hidden;}
  .featured-img img{width:100%; height:100%; object-fit:cover; object-position:top;}
  .corner{position:absolute; width:22px; height:22px; border-color:var(--lime); border-style:solid; border-width:0;}
  .corner.tl{top:16px; left:16px; border-top-width:2px; border-left-width:2px;}
  .corner.br{bottom:16px; right:16px; border-bottom-width:2px; border-right-width:2px;}
  .featured-meta{padding:22px 28px; display:flex; align-items:center; justify-content:space-between; background:var(--card); flex-wrap:wrap; gap:12px;}
  .featured-meta-left{display:flex; align-items:baseline; gap:18px; flex-wrap:wrap;}
  .featured-tag{font-size:12px; color:var(--gray2);}
  .featured-title{font-size:22px; font-weight:700;}
  .featured-client{font-size:12px; color:var(--gray2);}
  .cta-tag{font-size:11px; letter-spacing:.1em; background:var(--lime); color:var(--ink); padding:6px 12px; white-space:nowrap;}

  .home-grid{padding:0 64px 72px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px;}
  .flat-card{position:relative;}
  .flat-card .img-wrap{width:100%; height:220px; overflow:hidden; border:1px solid var(--line-b); transition:border-color .25s;}
  .flat-card .img-wrap img{width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .4s ease;}
  .flat-card:hover .img-wrap{border-color:var(--lime);}
  .flat-card:hover .img-wrap img{transform:scale(1.04);}

  @keyframes card-shiver{
    0%{transform:translate(0,0) rotate(0deg);}
    15%{transform:translate(-3px,2px) rotate(-2deg);}
    30%{transform:translate(3px,-2px) rotate(2deg);}
    45%{transform:translate(-2.5px,1.5px) rotate(-1.5deg);}
    60%{transform:translate(2px,-1.5px) rotate(1deg);}
    75%{transform:translate(-1px,1px) rotate(-0.5deg);}
    90%{transform:translate(0.5px,-0.5px) rotate(0.2deg);}
    100%{transform:translate(0,0) rotate(0deg);}
  }
  .work-card.flat-card:hover{animation:card-shiver .4s cubic-bezier(.36,.07,.19,.97);}
  .flat-card .corner.tl{width:16px;height:16px; top:10px; left:10px;}
  .flat-card .idx{font-size:11px; color:var(--gray2); margin-top:12px;}
  .flat-card .name{font-size:15px; font-weight:700; margin-top:4px;}
  .flat-card.identity .img-wrap{background:#fff; display:flex; align-items:center; justify-content:center;}
  .flat-card.identity .img-wrap img{width:78%; height:auto; object-fit:contain;}
  .cta-card{
    display:flex; flex-direction:column; justify-content:space-between;
    height:220px; border:1px solid var(--line-b); padding:20px;
    transition:border-color .25s, background .25s;
  }
  .cta-card:hover{border-color:var(--lime); background:var(--card);}
  .cta-card .nb-en{font-size:22px; line-height:1.15;}
  .cta-card .arrow{font-size:28px; color:var(--lime);}

  /* ---------- WORKS ---------- */
  .works-header{padding:56px 64px 32px;}
  .works-kicker{font-size:12px; letter-spacing:.12em; color:var(--gray2); margin-bottom:14px;}
  .works-title{
    font-size:108px; line-height:.95; letter-spacing:-0.01em;
    color:transparent; -webkit-text-stroke:2px var(--paper);
    clip-path:inset(0 100% 0 0); animation:ink-reveal .9s .1s cubic-bezier(.5,0,0,1) forwards;
  }
  .works-sub{font-size:15px; color:var(--gray); margin-top:14px;}
  .works-tabs{display:flex; gap:28px; font-size:12px; letter-spacing:.06em; margin-top:28px; color:var(--gray); position:relative;}
  .works-tabs button{padding-bottom:6px; color:var(--gray); transition:color .2s;}
  .works-tabs button.active{color:var(--lime);}
  .works-tabs-line{position:relative; margin:0 64px; height:1px; background:var(--line-a);}
  .works-tabs-indicator{position:absolute; bottom:-1px; height:2px; background:var(--lime); transition:left .3s cubic-bezier(.2,.7,.2,1), width .3s cubic-bezier(.2,.7,.2,1);}

  .works-grid{padding:72px 64px 72px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 32px;}
  .work-card{transition:opacity .35s, transform .35s;}
  .work-card.hidden-filter{display:none;}
  .work-card .client{font-size:11px; color:var(--gray2); margin-top:2px;}

  .polaroid{
    background:var(--paper); padding:12px 12px 34px; box-shadow:8px 10px 0 rgba(0,0,0,.4);
    transform:rotate(var(--tilt,0deg)); transition:transform .3s;
  }
  .polaroid:hover{transform:translateY(-4px) rotate(0deg);}
  @keyframes polaroid-shiver{
    0%{transform:rotate(var(--tilt,0deg)) translate(0,0);}
    15%{transform:rotate(calc(var(--tilt,0deg) - 5deg)) translate(-3px,2px);}
    30%{transform:rotate(calc(var(--tilt,0deg) + 5deg)) translate(3px,-2px) translateY(-2px);}
    45%{transform:rotate(calc(var(--tilt,0deg) - 4deg)) translate(-2.5px,1.5px) translateY(-3px);}
    60%{transform:rotate(3deg) translate(2px,-1.5px) translateY(-3.5px);}
    75%{transform:rotate(-1.5deg) translate(-1px,1px) translateY(-4px);}
    90%{transform:rotate(0.5deg) translateY(-4px);}
    100%{transform:rotate(0deg) translateY(-4px);}
  }
  .work-card.polaroid:hover{animation:polaroid-shiver .45s cubic-bezier(.36,.07,.19,.97) both;}
  .polaroid .img-wrap{width:100%; height:168px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center;}
  .polaroid .img-wrap img{width:100%; height:100%; object-fit:cover;}
  .polaroid.contain .img-wrap img{width:82%; height:auto; object-fit:contain;}
  .polaroid .idx{font-size:10px; color:var(--ink); margin-top:10px;}
  .polaroid .name{font-size:14px; font-weight:700; color:var(--ink);}
  .polaroid .client{color:var(--gray2);}
  .polaroid.placeholder .img-wrap{background:repeating-linear-gradient(45deg,#EAE7DD,#EAE7DD 10px,#DEDBCF 10px,#DEDBCF 20px);}
  .polaroid.placeholder .ph-text{font-size:10px; color:var(--gray2); text-align:center; font-family:'Space Mono',monospace;}
  .polaroid.placeholder .name{color:var(--gray2);}

  /* ---------- ABOUT / CONTACT ---------- */
  .about-header{position:relative; padding:72px 64px 24px;}
  .about-kicker{position:relative; z-index:1; font-size:12px; letter-spacing:.12em; color:var(--gray2); margin-bottom:20px;}
  .about-title{
    position:relative; z-index:1; font-size:108px; line-height:.95; color:var(--ink);
    display:inline-block; background:var(--paper);
    padding:8px 26px 26px; transform:rotate(-2.5deg); transform-origin:left top;
  }
  .about-title::after{
    content:''; position:absolute; left:26px; right:26px; bottom:10px; height:8px; background:var(--lime);
  }
  .about-statement{padding:24px 64px 8px; max-width:900px;}
  .about-statement .jp{font-family:'HigureGothicLight','Noto Sans JP',sans-serif; font-size:42px; font-weight:300; line-height:1.3;}
  .about-statement .en{font-size:26px; color:var(--lime); margin-top:18px;}
  .about-statement .sub{font-size:13px; color:var(--gray2); margin-top:10px;}
  .about-body{padding:48px 64px 8px; max-width:1040px;}
  .ph{display:inline-block;} /* 文節の途中で改行しないための区切り */
  .about-body p{font-size:16px; line-height:1.9;}
  .about-body .lead{font-size:34px; line-height:1.55; font-weight:700; margin-bottom:32px;}
  .about-body .lead .mark{display:inline-block; background:var(--lime); color:var(--ink); padding:0 .2em; margin:0 .04em; transform:rotate(-1.5deg);}
  .scope-wrap{padding:40px 64px 0;}
  .scope-label{font-size:12px; letter-spacing:.12em; color:var(--gray2); margin-bottom:18px;}
  .scope-chips{display:flex; flex-wrap:wrap; gap:14px;}
  .chip{font-size:13px; padding:10px 18px; border:1px solid var(--line-c); font-family:'Space Mono',monospace;}
  .chip.active{background:var(--lime); color:var(--ink); font-weight:700; border-color:var(--lime);}
  .divider{margin:64px 64px 0; height:1px; background:var(--line-a);}
  .contact-wrap{padding:56px 64px 72px;}
  .contact-label{font-size:12px; letter-spacing:.12em; color:var(--gray2); margin-bottom:24px;}
  .contact-email-wrap{
    display:inline-block; background:var(--lime); transform:rotate(-1deg);
    padding:6px 14px; max-width:100%;
  }
  .contact-email{
    font-size:28px; font-weight:700; line-height:1.35;
    color:var(--ink); display:inline-block; word-break:break-all;
  }
  .contact-note{font-size:12px; color:var(--gray); margin-top:12px; line-height:1.8; max-width:620px; padding-left:1em; text-indent:-1em;}

  /* ---------- responsive ---------- */
  @media (max-width:900px){
    .nav{padding:0 20px; height:64px;}
    .nav-logo{height:25.2px;}
    .nav-links{display:none;}
    .nav-burger{display:flex;}
    .footer-wm{font-size:28px; margin-bottom:20px;}
    .footer-body{padding:52px 20px 32px; flex-direction:column; align-items:flex-start; gap:22px;}
    .footer-links{flex-wrap:wrap; gap:16px 20px;}
    .footer-meta{text-align:left;}
    .footer-sheet{height:60px;}
    .footer-sheet .info{display:none;}
    .footer-sheet .bar{left:-16px; top:26px;}
    .footer-sheet .bar i{width:10px; height:9px;}


    .section-label{padding:28px 20px 0;}
    .featured-panel{padding:14px 20px 0;}
    .featured-img{height:210px;}
    .featured-meta{padding:16px;}
    /* 01・02 / 03・VIEW ALL WORKS の2列。00 FEATUREDだけが横幅いっぱい */
    .home-grid{padding:32px 20px 48px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px;}
    .cta-card{height:auto; padding:18px;}

    .works-header{padding:32px 20px 0;}
    .works-title{font-size:58px; -webkit-text-stroke-width:1.3px;}
    .works-tabs{padding:22px 20px 0; margin:0;}
    .works-tabs-line{margin:14px 20px 0;}
    .works-grid{padding:32px 20px 40px; grid-template-columns:1fr; gap:30px;}
    .polaroid{width:230px;}

    .about-header{padding:32px 20px 0;}
    .about-title{font-size:58px; padding:6px 14px 14px;}
    .about-title::after{left:14px; right:14px; bottom:6px; height:5px;}
    .about-statement{padding:24px 20px 0;}
    .about-statement .jp{font-size:26px;}
    .about-statement .en{font-size:18px;}
    .about-body{padding:32px 20px 0;}
    .about-body p{font-size:16px; line-height:1.85;}
    .about-body .lead{font-size:clamp(18px, 5.3vw, 26px); margin-bottom:24px;}
    .scope-wrap{padding:28px 20px 0;}
    .chip{font-size:12px; padding:8px 14px;}
    .divider{margin:40px 20px 0;}
    .contact-wrap{padding:32px 20px 56px;}
    .contact-email{font-size:13px;}
    .contact-email-wrap{padding:4px 10px;}
  }
  /* ---------- HERO: phone (<=599px) — PCと同じ「斜めの紙＋傾いた大きな文字」を、縦長画面向けに組み直す ----------
     基準は幅390pxの見え方（--s = 画面幅/390、上限1.15）。小さな文字は読める下限(9px)を確保。 */
  @media (max-width:599px){
    :root{ --s: min(calc(100vw / 390), 1.15px); }
    .home-hero{ height:calc(var(--s) * 610); }
    .torn-a{ clip-path:polygon(0 0,66% 0,22% 100%,0 100%); }
    .torn-b{ clip-path:polygon(66% 0,71% 0,27% 100%,22% 100%); }
    .hero-jp{ top:calc(var(--s) * 40); font-size:calc(var(--s) * 50); -webkit-text-stroke-width:max(1px, calc(var(--s) * 1.2)); }
    .hero-en{ right:calc(var(--s) * 20); top:calc(var(--s) * 268); }
    .hero-en div{ font-size:calc(var(--s) * 36); }
    .hero-en .outline{ -webkit-text-stroke-width:max(1px, calc(var(--s) * 1.4)); }
    .hero-kicker{
      right:calc(var(--s) * 20); bottom:calc(var(--s) * 62); max-width:calc(var(--s) * 230);
      text-align:right; font-size:max(9px, calc(var(--s) * 10));
    }
    .hero-mono-sub{
      position:absolute; right:calc(var(--s) * 20); bottom:calc(var(--s) * 20); margin:0; max-width:calc(var(--s) * 230);
      font-size:max(9px, calc(var(--s) * 10)); color:var(--gray); text-align:right;
    }
    .hero-sticker{
      display:block; left:calc(var(--s) * 16); bottom:calc(var(--s) * 128);
      font-size:max(9px, calc(var(--s) * 10)); padding:calc(var(--s) * 8) calc(var(--s) * 12);
      box-shadow:calc(var(--s) * 4) calc(var(--s) * 4) 0 rgba(0,0,0,.35);
    }
  }
  @media (max-width:599px){
    .flat-card .img-wrap{height:130px;}
    .flat-card .name{font-size:14px;}
    .cta-card .nb-en{font-size:18px;}
    .cta-card .arrow{font-size:22px;}
  }
  /* WORKS: 01〜04(Web)は横幅いっぱいのまま。05〜09(ポラロイド)だけ、iPad縦は3列、iPhoneは中央揃え */
  @media (min-width:600px) and (max-width:900px){
    .works-grid{grid-template-columns:repeat(6,minmax(0,1fr)); gap:36px 24px;}
    .work-card.flat-card{grid-column:1 / -1;}
    .polaroid{grid-column:span 2; width:auto;}
  }
  @media (max-width:599px){
    .polaroid{width:230px; justify-self:center;}
  }
  /* ---------- WORKS: 作品をクリックすると、作品画像の面積が画面の約45%になる大きさで表示（もう一度クリックで閉じる） ---------- */
  .zoomable{cursor:zoom-in;}
  .zoomable:focus-visible{outline:2px solid var(--lime); outline-offset:4px;}
  #lightbox{
    position:fixed; inset:0; z-index:500; display:flex; align-items:center; justify-content:center;
    background:rgba(42,46,51,.72); cursor:zoom-out; touch-action:none;
    opacity:0; visibility:hidden; transition:opacity .22s, visibility 0s linear .22s;
  }
  #lightbox.open{opacity:1; visibility:visible; transition:opacity .22s, visibility 0s;}
  #lightbox figure{
    margin:0; background:var(--paper); padding:12px 12px 0; box-shadow:8px 10px 0 rgba(0,0,0,.4);
    transform:scale(.9) rotate(var(--lb-tilt,0deg)); transition:transform .32s cubic-bezier(.2,.9,.1,1);
  }
  #lightbox.open figure{transform:none;}
  #lightbox img{display:block; max-width:none; background:#fff;}
  #lightbox figcaption{width:0; min-width:100%; padding:10px 2px 12px; color:var(--ink); font-size:11px; line-height:1.55; letter-spacing:.04em;}
  #lightbox figcaption .lb-name{font-size:13px; font-weight:700; letter-spacing:0;}
  #lightbox figcaption .lb-client{color:var(--gray2);}
  html.lb-open #cursor-lens{opacity:0 !important;} /* 拡大表示中は虫めがねを隠す */
  @media (hover:none){ body{cursor:pointer;} } /* iOS Safari: 何もない場所のタップを click として拾うため */
  @media (prefers-reduced-motion:reduce){
    .reveal, .reveal.pre{opacity:1 !important; transform:none !important; transition:none !important;}
    .hero-jp, .works-title{clip-path:none !important; animation:none !important;}
    .work-card.flat-card:hover, .work-card.polaroid:hover{animation:none !important;}
    .work-card.polaroid:hover{transform:translateY(-4px) rotate(0deg) !important;}
    *{scroll-behavior:auto !important;}
    #lightbox, #lightbox figure{transition:none !important;}
    #cursor-lens{display:none !important;}
  }

  /* ======================= ページ遷移（複数HTML化・2026-09-22 更新） =======================
     以前はハッシュルーティングのSPAで同一ドキュメント内 document.startViewTransition() を使っていたが、
     複数の完全なHTMLファイルに分割したため、ブラウザ標準の「Cross-Document View Transitions」
     （@view-transition { navigation: auto; } を両方のページが持っていれば、通常の<a>リンクによる
     ページ遷移でも自動的に ::view-transition-old(root) / ::view-transition-new(root) が発生する仕組み）
     に置き換えた。JSでのクラス切り替えは、cello（カラーセロファン）を遷移の瞬間だけ実体化させる
     ための pageswap / pagereveal イベント（assets/site.js）にのみ残っている。
     演出内容（モザイク化→蛍光ライムのセロファン→左下から右上へ細かく破れる、全体3秒）は従来と同じ。
     対応ブラウザ：Chrome/Edge 126+、Safari 18.2+（2026-09-22時点、caniuse.com「CSS @view-transition」より）。
     Firefoxなど非対応ブラウザでは、この節のCSSは単に無視され、通常の瞬時ページ遷移になるだけで、
     表示や操作自体は壊れない（プログレッシブ・エンハンスメント）。 */
  @view-transition{ navigation:auto; }

  /* prefers-reduced-motion: reduce の場合は、既定のクロスフェードも含めて一切アニメーションさせない */
  @media (prefers-reduced-motion: reduce){
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*){ animation:none !important; }
  }

  @media (prefers-reduced-motion: no-preference){
    ::view-transition-old(root){ animation:torn-out 3s linear forwards; z-index:2; transform-origin:50% 50%; }
    ::view-transition-new(root){ animation:torn-in 3s linear forwards; z-index:1; }

    /* セロファン：#cello 要素自体は常時DOMに存在し opacity:0（非表示）。
       pageswap／pagereveal のタイミングでのみ html.vt-active が付与され、
       離脱ページ・移動先ページ双方の「遷移用スナップショット」に実体（背景グラデーション）が
       写り込むようにしたうえで、写り込んだテクスチャをどう見せるかは以下の疑似要素側のアニメーションで制御する。 */
    html.vt-active #cello{ opacity:1; }
    #cello{ view-transition-name:cello; }
    ::view-transition-group(cello){ animation:none; mix-blend-mode:multiply; }
    ::view-transition-old(cello){ animation:none; opacity:0; mix-blend-mode:normal; }
    ::view-transition-new(cello){ animation:torn-cello 3s linear forwards; transform-origin:50% 50%; mix-blend-mode:normal; }
  }

  #cello{
    position:fixed; inset:0; pointer-events:none; opacity:0;
    background:linear-gradient(100deg,transparent 0 30%,rgba(255,255,255,.35) 31% 32.5%,transparent 34% 62%,rgba(255,255,255,.25) 63% 64.5%,transparent 66%),linear-gradient(115deg,rgba(214,255,0,.95),rgba(190,255,0,.85) 40%,rgba(232,255,60,.98) 70%,rgba(200,255,0,.88));
  }
  /* 新ページは破れが始まるまで隠しておく */
  @keyframes torn-in{
    0%,69.9%{ opacity:0; }
    70%,100%{ opacity:1; }
  }
  @keyframes torn-out{
    0%{ filter:blur(0px) url(#mosaicPosterize); transform:translate(0,0) rotate(0deg) scale(1); clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
    15%{ filter:blur(5px) url(#mosaicPosterize); transform:translate(0,0) rotate(0deg) scale(1.05); clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
    40%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(0,0) rotate(0deg) scale(1.05); clip-path:polygon(-40.0% 0.0%,-40.0% 1.1%,-40.0% 2.1%,-40.0% 3.2%,-40.0% 4.2%,-40.0% 5.3%,-40.0% 6.3%,-40.0% 7.4%,-40.0% 8.4%,-40.0% 9.5%,-40.0% 10.5%,-40.0% 11.6%,-40.0% 12.6%,-40.0% 13.7%,-40.0% 14.7%,-40.0% 15.8%,-40.0% 16.8%,-40.0% 17.9%,-40.0% 18.9%,-40.0% 20.0%,-40.0% 21.1%,-40.0% 22.1%,-40.0% 23.2%,-40.0% 24.2%,-40.0% 25.3%,-40.0% 26.3%,-40.0% 27.4%,-40.0% 28.4%,-40.0% 29.5%,-40.0% 30.5%,-40.0% 31.6%,-40.0% 32.6%,-40.0% 33.7%,-40.0% 34.7%,-40.0% 35.8%,-40.0% 36.8%,-40.0% 37.9%,-40.0% 38.9%,-40.0% 40.0%,-40.0% 41.1%,-40.0% 42.1%,-40.0% 43.2%,-40.0% 44.2%,-40.0% 45.3%,-40.0% 46.3%,-40.0% 47.4%,-40.0% 48.4%,-40.0% 49.5%,-40.0% 50.5%,-40.0% 51.6%,-40.0% 52.6%,-40.0% 53.7%,-40.0% 54.7%,-40.0% 55.8%,-40.0% 56.8%,-40.0% 57.9%,-40.0% 58.9%,-40.0% 60.0%,-40.0% 61.1%,-40.0% 62.1%,-40.0% 63.2%,-40.0% 64.2%,-40.0% 65.3%,-40.0% 66.3%,-40.0% 67.4%,-40.0% 68.4%,-40.0% 69.5%,-40.0% 70.5%,-40.0% 71.6%,-40.0% 72.6%,-40.0% 73.7%,-40.0% 74.7%,-40.0% 75.8%,-40.0% 76.8%,-40.0% 77.9%,-40.0% 78.9%,-40.0% 80.0%,-40.0% 81.1%,-40.0% 82.1%,-40.0% 83.2%,-40.0% 84.2%,-40.0% 85.3%,-40.0% 86.3%,-40.0% 87.4%,-40.0% 88.4%,-40.0% 89.5%,-40.0% 90.5%,-40.0% 91.6%,-40.0% 92.6%,-40.0% 93.7%,-40.0% 94.7%,-40.0% 95.8%,-40.0% 96.8%,-40.0% 97.9%,-40.0% 98.9%,-40.0% 100.0%,100% 100%,100% 0%); }
    70%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(0.0%,0.0%) rotate(0.0deg) scale(1.05); clip-path:polygon(-28.8% 0.0%,-29.0% 1.1%,-29.4% 2.1%,-27.7% 3.2%,-28.6% 4.2%,-28.1% 5.3%,-27.9% 6.3%,-27.8% 7.4%,-27.3% 8.4%,-27.6% 9.5%,-27.1% 10.5%,-27.1% 11.6%,-26.4% 12.6%,-27.7% 13.7%,-24.9% 14.7%,-25.5% 15.8%,-25.9% 16.8%,-24.6% 17.9%,-24.9% 18.9%,-25.1% 20.0%,-25.5% 21.1%,-26.7% 22.1%,-25.4% 23.2%,-24.2% 24.2%,-26.0% 25.3%,-25.9% 26.3%,-24.4% 27.4%,-25.6% 28.4%,-25.4% 29.5%,-25.0% 30.5%,-25.0% 31.6%,-23.4% 32.6%,-24.8% 33.7%,-22.6% 34.7%,-22.7% 35.8%,-22.2% 36.8%,-22.0% 37.9%,-21.5% 38.9%,-21.0% 40.0%,-21.9% 41.1%,-20.8% 42.1%,-20.8% 43.2%,-21.7% 44.2%,-20.6% 45.3%,-20.7% 46.3%,-20.1% 47.4%,-20.1% 48.4%,-19.6% 49.5%,-19.6% 50.5%,-19.5% 51.6%,-18.5% 52.6%,-16.4% 53.7%,-17.3% 54.7%,-18.0% 55.8%,-18.3% 56.8%,-19.3% 57.9%,-18.2% 58.9%,-18.3% 60.0%,-19.0% 61.1%,-18.9% 62.1%,-19.0% 63.2%,-19.6% 64.2%,-19.3% 65.3%,-19.7% 66.3%,-18.2% 67.4%,-19.9% 68.4%,-19.0% 69.5%,-19.0% 70.5%,-18.8% 71.6%,-18.5% 72.6%,-17.8% 73.7%,-17.2% 74.7%,-15.1% 75.8%,-16.8% 76.8%,-16.1% 77.9%,-16.7% 78.9%,-16.6% 80.0%,-14.5% 81.1%,-14.9% 82.1%,-17.3% 83.2%,-16.4% 84.2%,-16.2% 85.3%,-15.8% 86.3%,-16.1% 87.4%,-14.7% 88.4%,-14.8% 89.5%,-12.5% 90.5%,-15.2% 91.6%,-13.7% 92.6%,-13.3% 93.7%,-12.4% 94.7%,-12.4% 95.8%,-12.0% 96.8%,-13.2% 97.9%,-11.9% 98.9%,-11.5% 100.0%,100% 100%,100% 0%); }
    78%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(1.0%,-0.6%) rotate(-0.4deg) scale(1.05); clip-path:polygon(-8.3% 0.0%,-8.4% 1.1%,-8.8% 2.1%,-7.1% 3.2%,-8.0% 4.2%,-7.6% 5.3%,-7.3% 6.3%,-7.2% 7.4%,-6.8% 8.4%,-7.1% 9.5%,-6.6% 10.5%,-6.7% 11.6%,-6.0% 12.6%,-7.4% 13.7%,-4.6% 14.7%,-5.2% 15.8%,-5.6% 16.8%,-4.4% 17.9%,-4.8% 18.9%,-5.0% 20.0%,-5.6% 21.1%,-6.8% 22.1%,-5.5% 23.2%,-4.4% 24.2%,-6.3% 25.3%,-6.3% 26.3%,-4.9% 27.4%,-6.1% 28.4%,-6.1% 29.5%,-5.7% 30.5%,-5.7% 31.6%,-4.3% 32.6%,-5.8% 33.7%,-3.6% 34.7%,-3.8% 35.8%,-3.4% 36.8%,-3.3% 37.9%,-2.9% 38.9%,-2.5% 40.0%,-3.5% 41.1%,-2.4% 42.1%,-2.5% 43.2%,-3.5% 44.2%,-2.4% 45.3%,-2.6% 46.3%,-2.1% 47.4%,-2.1% 48.4%,-1.7% 49.5%,-1.7% 50.5%,-1.7% 51.6%,-0.8% 52.6%,1.2% 53.7%,0.4% 54.7%,-0.4% 55.8%,-0.7% 56.8%,-1.7% 57.9%,-0.7% 58.9%,-0.8% 60.0%,-1.6% 61.1%,-1.4% 62.1%,-1.5% 63.2%,-2.2% 64.2%,-1.9% 65.3%,-2.3% 66.3%,-0.8% 67.4%,-2.4% 68.4%,-1.5% 69.5%,-1.5% 70.5%,-1.3% 71.6%,-1.0% 72.6%,-0.3% 73.7%,0.4% 74.7%,2.5% 75.8%,0.8% 76.8%,1.6% 77.9%,1.1% 78.9%,1.2% 80.0%,3.3% 81.1%,3.1% 82.1%,0.7% 83.2%,1.7% 84.2%,2.0% 85.3%,2.4% 86.3%,2.2% 87.4%,3.6% 88.4%,3.7% 89.5%,6.0% 90.5%,3.4% 91.6%,5.0% 92.6%,5.5% 93.7%,6.5% 94.7%,6.5% 95.8%,7.0% 96.8%,5.9% 97.9%,7.2% 98.9%,7.7% 100.0%,100% 100%,100% 0%); }
    84%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(3.0%,-1.8%) rotate(-1.2deg) scale(1.05); clip-path:polygon(7.7% 0.0%,7.4% 1.1%,7.0% 2.1%,8.5% 3.2%,7.6% 4.2%,7.9% 5.3%,8.0% 6.3%,8.0% 7.4%,8.3% 8.4%,7.9% 9.5%,8.3% 10.5%,8.1% 11.6%,8.7% 12.6%,7.2% 13.7%,9.9% 14.7%,9.1% 15.8%,8.6% 16.8%,9.7% 17.9%,9.3% 18.9%,8.9% 20.0%,8.3% 21.1%,7.0% 22.1%,8.2% 23.2%,9.2% 24.2%,7.2% 25.3%,7.1% 26.3%,8.5% 27.4%,7.2% 28.4%,7.2% 29.5%,7.5% 30.5%,7.4% 31.6%,8.8% 32.6%,7.3% 33.7%,9.4% 34.7%,9.2% 35.8%,9.5% 36.8%,9.6% 37.9%,10.0% 38.9%,10.4% 40.0%,9.5% 41.1%,10.5% 42.1%,10.4% 43.2%,9.5% 44.2%,10.6% 45.3%,10.4% 46.3%,11.0% 47.4%,10.9% 48.4%,11.4% 49.5%,11.5% 50.5%,11.5% 51.6%,12.5% 52.6%,14.6% 53.7%,13.8% 54.7%,13.1% 55.8%,12.8% 56.8%,11.9% 57.9%,13.1% 58.9%,13.0% 60.0%,12.3% 61.1%,12.6% 62.1%,12.6% 63.2%,12.0% 64.2%,12.4% 65.3%,12.1% 66.3%,13.7% 67.4%,12.2% 68.4%,13.2% 69.5%,13.3% 70.5%,13.6% 71.6%,14.0% 72.6%,14.9% 73.7%,15.7% 74.7%,17.9% 75.8%,16.3% 76.8%,17.2% 77.9%,16.8% 78.9%,17.0% 80.0%,19.2% 81.1%,19.0% 82.1%,16.8% 83.2%,17.9% 84.2%,18.2% 85.3%,18.8% 86.3%,18.7% 87.4%,20.2% 88.4%,20.3% 89.5%,22.7% 90.5%,20.1% 91.6%,21.7% 92.6%,22.3% 93.7%,23.3% 94.7%,23.5% 95.8%,24.0% 96.8%,22.9% 97.9%,24.3% 98.9%,24.8% 100.0%,100% 100%,100% 0%); }
    90%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(9.0%,-5.0%) rotate(-3.2deg) scale(1.05); clip-path:polygon(38.1% 0.0%,37.8% 1.1%,37.2% 2.1%,38.7% 3.2%,37.7% 4.2%,38.0% 5.3%,38.1% 6.3%,38.0% 7.4%,38.3% 8.4%,37.9% 9.5%,38.2% 10.5%,38.0% 11.6%,38.6% 12.6%,37.1% 13.7%,39.8% 14.7%,39.0% 15.8%,38.5% 16.8%,39.6% 17.9%,39.2% 18.9%,38.9% 20.0%,38.3% 21.1%,37.0% 22.1%,38.3% 23.2%,39.3% 24.2%,37.4% 25.3%,37.4% 26.3%,38.9% 27.4%,37.6% 28.4%,37.7% 29.5%,38.0% 30.5%,38.0% 31.6%,39.5% 32.6%,38.1% 33.7%,40.3% 34.7%,40.2% 35.8%,40.6% 36.8%,40.8% 37.9%,41.3% 38.9%,41.9% 40.0%,41.0% 41.1%,42.1% 42.1%,42.2% 43.2%,41.3% 44.2%,42.5% 45.3%,42.5% 46.3%,43.1% 47.4%,43.2% 48.4%,43.8% 49.5%,44.0% 50.5%,44.1% 51.6%,45.2% 52.6%,47.4% 53.7%,46.7% 54.7%,46.2% 55.8%,46.0% 56.8%,45.1% 57.9%,46.4% 58.9%,46.4% 60.0%,45.8% 61.1%,46.1% 62.1%,46.2% 63.2%,45.7% 64.2%,46.2% 65.3%,45.9% 66.3%,47.6% 67.4%,46.1% 68.4%,47.2% 69.5%,47.3% 70.5%,47.6% 71.6%,48.1% 72.6%,49.0% 73.7%,49.8% 74.7%,52.0% 75.8%,50.4% 76.8%,51.3% 77.9%,50.9% 78.9%,51.1% 80.0%,53.3% 81.1%,53.1% 82.1%,50.8% 83.2%,51.8% 84.2%,52.2% 85.3%,52.6% 86.3%,52.5% 87.4%,53.9% 88.4%,54.0% 89.5%,56.3% 90.5%,53.7% 91.6%,55.2% 92.6%,55.7% 93.7%,56.7% 94.7%,56.7% 95.8%,57.1% 96.8%,56.0% 97.9%,57.2% 98.9%,57.6% 100.0%,100% 100%,100% 0%); }
    95%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(18.0%,-10.0%) rotate(-5.6deg) scale(1.05); clip-path:polygon(74.7% 0.0%,74.4% 1.1%,74.0% 2.1%,75.5% 3.2%,74.5% 4.2%,74.8% 5.3%,74.9% 6.3%,74.9% 7.4%,75.2% 8.4%,74.9% 9.5%,75.3% 10.5%,75.1% 11.6%,75.7% 12.6%,74.3% 13.7%,77.1% 14.7%,76.4% 15.8%,76.0% 16.8%,77.1% 17.9%,76.8% 18.9%,76.6% 20.0%,76.0% 21.1%,74.8% 22.1%,76.1% 23.2%,77.3% 24.2%,75.4% 25.3%,75.5% 26.3%,77.0% 27.4%,75.9% 28.4%,76.0% 29.5%,76.4% 30.5%,76.5% 31.6%,78.1% 32.6%,76.7% 33.7%,79.0% 34.7%,78.9% 35.8%,79.4% 36.8%,79.7% 37.9%,80.3% 38.9%,80.8% 40.0%,80.0% 41.1%,81.2% 42.1%,81.3% 43.2%,80.5% 44.2%,81.7% 45.3%,81.7% 46.3%,82.4% 47.4%,82.5% 48.4%,83.2% 49.5%,83.3% 50.5%,83.5% 51.6%,84.6% 52.6%,86.8% 53.7%,86.1% 54.7%,85.6% 55.8%,85.4% 56.8%,84.5% 57.9%,85.8% 58.9%,85.8% 60.0%,85.2% 61.1%,85.5% 62.1%,85.5% 63.2%,85.0% 64.2%,85.4% 65.3%,85.1% 66.3%,86.8% 67.4%,85.3% 68.4%,86.3% 69.5%,86.4% 70.5%,86.7% 71.6%,87.1% 72.6%,87.9% 73.7%,88.6% 74.7%,90.8% 75.8%,89.2% 76.8%,89.9% 77.9%,89.5% 78.9%,89.6% 80.0%,91.7% 81.1%,91.5% 82.1%,89.1% 83.2%,90.1% 84.2%,90.3% 85.3%,90.7% 86.3%,90.5% 87.4%,91.9% 88.4%,91.8% 89.5%,94.1% 90.5%,91.4% 91.6%,92.9% 92.6%,93.3% 93.7%,94.1% 94.7%,94.1% 95.8%,94.5% 96.8%,93.2% 97.9%,94.4% 98.9%,94.8% 100.0%,100% 100%,100% 0%); }
    100%{ filter:blur(16px) url(#mosaicPosterize); transform:translate(34.0%,-18.0%) rotate(-9.0deg) scale(1.05); clip-path:polygon(102.0% 0.0%,102.0% 1.1%,102.0% 2.1%,102.0% 3.2%,102.0% 4.2%,102.0% 5.3%,102.0% 6.3%,102.0% 7.4%,102.0% 8.4%,102.0% 9.5%,102.0% 10.5%,102.0% 11.6%,102.0% 12.6%,102.0% 13.7%,102.0% 14.7%,102.0% 15.8%,102.0% 16.8%,102.0% 17.9%,102.0% 18.9%,102.0% 20.0%,102.0% 21.1%,102.0% 22.1%,102.0% 23.2%,102.0% 24.2%,102.0% 25.3%,102.0% 26.3%,102.0% 27.4%,102.0% 28.4%,102.0% 29.5%,102.0% 30.5%,102.0% 31.6%,102.0% 32.6%,102.0% 33.7%,102.0% 34.7%,102.0% 35.8%,102.0% 36.8%,102.0% 37.9%,102.0% 38.9%,102.0% 40.0%,102.0% 41.1%,102.0% 42.1%,102.0% 43.2%,102.0% 44.2%,102.0% 45.3%,102.0% 46.3%,102.0% 47.4%,102.0% 48.4%,102.0% 49.5%,102.0% 50.5%,102.0% 51.6%,102.0% 52.6%,102.0% 53.7%,102.0% 54.7%,102.0% 55.8%,102.0% 56.8%,102.0% 57.9%,102.0% 58.9%,102.0% 60.0%,102.0% 61.1%,102.0% 62.1%,102.0% 63.2%,102.0% 64.2%,102.0% 65.3%,102.0% 66.3%,102.0% 67.4%,102.0% 68.4%,102.0% 69.5%,102.0% 70.5%,102.0% 71.6%,102.0% 72.6%,102.0% 73.7%,102.0% 74.7%,102.0% 75.8%,102.0% 76.8%,102.0% 77.9%,102.0% 78.9%,102.0% 80.0%,102.0% 81.1%,102.0% 82.1%,102.0% 83.2%,102.0% 84.2%,102.0% 85.3%,102.0% 86.3%,102.0% 87.4%,102.0% 88.4%,102.0% 89.5%,102.0% 90.5%,102.0% 91.6%,102.0% 92.6%,102.0% 93.7%,102.0% 94.7%,102.0% 95.8%,102.0% 96.8%,102.0% 97.9%,102.0% 98.9%,102.0% 100.0%,100% 100%,100% 0%); }
  }
  @keyframes torn-cello{
    0%{ opacity:0; transform:translate(0,0) rotate(0deg) scale(1); clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
    12%{ opacity:0; transform:translate(0,0) rotate(0deg) scale(1.05); clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
    30%{ opacity:1; transform:translate(0,0) rotate(0deg) scale(1.05); clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
    40%{ opacity:1; transform:translate(0,0) rotate(0deg) scale(1.05); clip-path:polygon(-40.0% 0.0%,-40.0% 1.1%,-40.0% 2.1%,-40.0% 3.2%,-40.0% 4.2%,-40.0% 5.3%,-40.0% 6.3%,-40.0% 7.4%,-40.0% 8.4%,-40.0% 9.5%,-40.0% 10.5%,-40.0% 11.6%,-40.0% 12.6%,-40.0% 13.7%,-40.0% 14.7%,-40.0% 15.8%,-40.0% 16.8%,-40.0% 17.9%,-40.0% 18.9%,-40.0% 20.0%,-40.0% 21.1%,-40.0% 22.1%,-40.0% 23.2%,-40.0% 24.2%,-40.0% 25.3%,-40.0% 26.3%,-40.0% 27.4%,-40.0% 28.4%,-40.0% 29.5%,-40.0% 30.5%,-40.0% 31.6%,-40.0% 32.6%,-40.0% 33.7%,-40.0% 34.7%,-40.0% 35.8%,-40.0% 36.8%,-40.0% 37.9%,-40.0% 38.9%,-40.0% 40.0%,-40.0% 41.1%,-40.0% 42.1%,-40.0% 43.2%,-40.0% 44.2%,-40.0% 45.3%,-40.0% 46.3%,-40.0% 47.4%,-40.0% 48.4%,-40.0% 49.5%,-40.0% 50.5%,-40.0% 51.6%,-40.0% 52.6%,-40.0% 53.7%,-40.0% 54.7%,-40.0% 55.8%,-40.0% 56.8%,-40.0% 57.9%,-40.0% 58.9%,-40.0% 60.0%,-40.0% 61.1%,-40.0% 62.1%,-40.0% 63.2%,-40.0% 64.2%,-40.0% 65.3%,-40.0% 66.3%,-40.0% 67.4%,-40.0% 68.4%,-40.0% 69.5%,-40.0% 70.5%,-40.0% 71.6%,-40.0% 72.6%,-40.0% 73.7%,-40.0% 74.7%,-40.0% 75.8%,-40.0% 76.8%,-40.0% 77.9%,-40.0% 78.9%,-40.0% 80.0%,-40.0% 81.1%,-40.0% 82.1%,-40.0% 83.2%,-40.0% 84.2%,-40.0% 85.3%,-40.0% 86.3%,-40.0% 87.4%,-40.0% 88.4%,-40.0% 89.5%,-40.0% 90.5%,-40.0% 91.6%,-40.0% 92.6%,-40.0% 93.7%,-40.0% 94.7%,-40.0% 95.8%,-40.0% 96.8%,-40.0% 97.9%,-40.0% 98.9%,-40.0% 100.0%,100% 100%,100% 0%); }
    70%{ opacity:1; transform:translate(0.0%,0.0%) rotate(0.0deg) scale(1.05); clip-path:polygon(-28.8% 0.0%,-29.0% 1.1%,-29.4% 2.1%,-27.7% 3.2%,-28.6% 4.2%,-28.1% 5.3%,-27.9% 6.3%,-27.8% 7.4%,-27.3% 8.4%,-27.6% 9.5%,-27.1% 10.5%,-27.1% 11.6%,-26.4% 12.6%,-27.7% 13.7%,-24.9% 14.7%,-25.5% 15.8%,-25.9% 16.8%,-24.6% 17.9%,-24.9% 18.9%,-25.1% 20.0%,-25.5% 21.1%,-26.7% 22.1%,-25.4% 23.2%,-24.2% 24.2%,-26.0% 25.3%,-25.9% 26.3%,-24.4% 27.4%,-25.6% 28.4%,-25.4% 29.5%,-25.0% 30.5%,-25.0% 31.6%,-23.4% 32.6%,-24.8% 33.7%,-22.6% 34.7%,-22.7% 35.8%,-22.2% 36.8%,-22.0% 37.9%,-21.5% 38.9%,-21.0% 40.0%,-21.9% 41.1%,-20.8% 42.1%,-20.8% 43.2%,-21.7% 44.2%,-20.6% 45.3%,-20.7% 46.3%,-20.1% 47.4%,-20.1% 48.4%,-19.6% 49.5%,-19.6% 50.5%,-19.5% 51.6%,-18.5% 52.6%,-16.4% 53.7%,-17.3% 54.7%,-18.0% 55.8%,-18.3% 56.8%,-19.3% 57.9%,-18.2% 58.9%,-18.3% 60.0%,-19.0% 61.1%,-18.9% 62.1%,-19.0% 63.2%,-19.6% 64.2%,-19.3% 65.3%,-19.7% 66.3%,-18.2% 67.4%,-19.9% 68.4%,-19.0% 69.5%,-19.0% 70.5%,-18.8% 71.6%,-18.5% 72.6%,-17.8% 73.7%,-17.2% 74.7%,-15.1% 75.8%,-16.8% 76.8%,-16.1% 77.9%,-16.7% 78.9%,-16.6% 80.0%,-14.5% 81.1%,-14.9% 82.1%,-17.3% 83.2%,-16.4% 84.2%,-16.2% 85.3%,-15.8% 86.3%,-16.1% 87.4%,-14.7% 88.4%,-14.8% 89.5%,-12.5% 90.5%,-15.2% 91.6%,-13.7% 92.6%,-13.3% 93.7%,-12.4% 94.7%,-12.4% 95.8%,-12.0% 96.8%,-13.2% 97.9%,-11.9% 98.9%,-11.5% 100.0%,100% 100%,100% 0%); }
    78%{ opacity:1; transform:translate(1.0%,-0.6%) rotate(-0.4deg) scale(1.05); clip-path:polygon(-8.3% 0.0%,-8.4% 1.1%,-8.8% 2.1%,-7.1% 3.2%,-8.0% 4.2%,-7.6% 5.3%,-7.3% 6.3%,-7.2% 7.4%,-6.8% 8.4%,-7.1% 9.5%,-6.6% 10.5%,-6.7% 11.6%,-6.0% 12.6%,-7.4% 13.7%,-4.6% 14.7%,-5.2% 15.8%,-5.6% 16.8%,-4.4% 17.9%,-4.8% 18.9%,-5.0% 20.0%,-5.6% 21.1%,-6.8% 22.1%,-5.5% 23.2%,-4.4% 24.2%,-6.3% 25.3%,-6.3% 26.3%,-4.9% 27.4%,-6.1% 28.4%,-6.1% 29.5%,-5.7% 30.5%,-5.7% 31.6%,-4.3% 32.6%,-5.8% 33.7%,-3.6% 34.7%,-3.8% 35.8%,-3.4% 36.8%,-3.3% 37.9%,-2.9% 38.9%,-2.5% 40.0%,-3.5% 41.1%,-2.4% 42.1%,-2.5% 43.2%,-3.5% 44.2%,-2.4% 45.3%,-2.6% 46.3%,-2.1% 47.4%,-2.1% 48.4%,-1.7% 49.5%,-1.7% 50.5%,-1.7% 51.6%,-0.8% 52.6%,1.2% 53.7%,0.4% 54.7%,-0.4% 55.8%,-0.7% 56.8%,-1.7% 57.9%,-0.7% 58.9%,-0.8% 60.0%,-1.6% 61.1%,-1.4% 62.1%,-1.5% 63.2%,-2.2% 64.2%,-1.9% 65.3%,-2.3% 66.3%,-0.8% 67.4%,-2.4% 68.4%,-1.5% 69.5%,-1.5% 70.5%,-1.3% 71.6%,-1.0% 72.6%,-0.3% 73.7%,0.4% 74.7%,2.5% 75.8%,0.8% 76.8%,1.6% 77.9%,1.1% 78.9%,1.2% 80.0%,3.3% 81.1%,3.1% 82.1%,0.7% 83.2%,1.7% 84.2%,2.0% 85.3%,2.4% 86.3%,2.2% 87.4%,3.6% 88.4%,3.7% 89.5%,6.0% 90.5%,3.4% 91.6%,5.0% 92.6%,5.5% 93.7%,6.5% 94.7%,6.5% 95.8%,7.0% 96.8%,5.9% 97.9%,7.2% 98.9%,7.7% 100.0%,100% 100%,100% 0%); }
    84%{ opacity:1; transform:translate(3.0%,-1.8%) rotate(-1.2deg) scale(1.05); clip-path:polygon(7.7% 0.0%,7.4% 1.1%,7.0% 2.1%,8.5% 3.2%,7.6% 4.2%,7.9% 5.3%,8.0% 6.3%,8.0% 7.4%,8.3% 8.4%,7.9% 9.5%,8.3% 10.5%,8.1% 11.6%,8.7% 12.6%,7.2% 13.7%,9.9% 14.7%,9.1% 15.8%,8.6% 16.8%,9.7% 17.9%,9.3% 18.9%,8.9% 20.0%,8.3% 21.1%,7.0% 22.1%,8.2% 23.2%,9.2% 24.2%,7.2% 25.3%,7.1% 26.3%,8.5% 27.4%,7.2% 28.4%,7.2% 29.5%,7.5% 30.5%,7.4% 31.6%,8.8% 32.6%,7.3% 33.7%,9.4% 34.7%,9.2% 35.8%,9.5% 36.8%,9.6% 37.9%,10.0% 38.9%,10.4% 40.0%,9.5% 41.1%,10.5% 42.1%,10.4% 43.2%,9.5% 44.2%,10.6% 45.3%,10.4% 46.3%,11.0% 47.4%,10.9% 48.4%,11.4% 49.5%,11.5% 50.5%,11.5% 51.6%,12.5% 52.6%,14.6% 53.7%,13.8% 54.7%,13.1% 55.8%,12.8% 56.8%,11.9% 57.9%,13.1% 58.9%,13.0% 60.0%,12.3% 61.1%,12.6% 62.1%,12.6% 63.2%,12.0% 64.2%,12.4% 65.3%,12.1% 66.3%,13.7% 67.4%,12.2% 68.4%,13.2% 69.5%,13.3% 70.5%,13.6% 71.6%,14.0% 72.6%,14.9% 73.7%,15.7% 74.7%,17.9% 75.8%,16.3% 76.8%,17.2% 77.9%,16.8% 78.9%,17.0% 80.0%,19.2% 81.1%,19.0% 82.1%,16.8% 83.2%,17.9% 84.2%,18.2% 85.3%,18.8% 86.3%,18.7% 87.4%,20.2% 88.4%,20.3% 89.5%,22.7% 90.5%,20.1% 91.6%,21.7% 92.6%,22.3% 93.7%,23.3% 94.7%,23.5% 95.8%,24.0% 96.8%,22.9% 97.9%,24.3% 98.9%,24.8% 100.0%,100% 100%,100% 0%); }
    90%{ opacity:1; transform:translate(9.0%,-5.0%) rotate(-3.2deg) scale(1.05); clip-path:polygon(38.1% 0.0%,37.8% 1.1%,37.2% 2.1%,38.7% 3.2%,37.7% 4.2%,38.0% 5.3%,38.1% 6.3%,38.0% 7.4%,38.3% 8.4%,37.9% 9.5%,38.2% 10.5%,38.0% 11.6%,38.6% 12.6%,37.1% 13.7%,39.8% 14.7%,39.0% 15.8%,38.5% 16.8%,39.6% 17.9%,39.2% 18.9%,38.9% 20.0%,38.3% 21.1%,37.0% 22.1%,38.3% 23.2%,39.3% 24.2%,37.4% 25.3%,37.4% 26.3%,38.9% 27.4%,37.6% 28.4%,37.7% 29.5%,38.0% 30.5%,38.0% 31.6%,39.5% 32.6%,38.1% 33.7%,40.3% 34.7%,40.2% 35.8%,40.6% 36.8%,40.8% 37.9%,41.3% 38.9%,41.9% 40.0%,41.0% 41.1%,42.1% 42.1%,42.2% 43.2%,41.3% 44.2%,42.5% 45.3%,42.5% 46.3%,43.1% 47.4%,43.2% 48.4%,43.8% 49.5%,44.0% 50.5%,44.1% 51.6%,45.2% 52.6%,47.4% 53.7%,46.7% 54.7%,46.2% 55.8%,46.0% 56.8%,45.1% 57.9%,46.4% 58.9%,46.4% 60.0%,45.8% 61.1%,46.1% 62.1%,46.2% 63.2%,45.7% 64.2%,46.2% 65.3%,45.9% 66.3%,47.6% 67.4%,46.1% 68.4%,47.2% 69.5%,47.3% 70.5%,47.6% 71.6%,48.1% 72.6%,49.0% 73.7%,49.8% 74.7%,52.0% 75.8%,50.4% 76.8%,51.3% 77.9%,50.9% 78.9%,51.1% 80.0%,53.3% 81.1%,53.1% 82.1%,50.8% 83.2%,51.8% 84.2%,52.2% 85.3%,52.6% 86.3%,52.5% 87.4%,53.9% 88.4%,54.0% 89.5%,56.3% 90.5%,53.7% 91.6%,55.2% 92.6%,55.7% 93.7%,56.7% 94.7%,56.7% 95.8%,57.1% 96.8%,56.0% 97.9%,57.2% 98.9%,57.6% 100.0%,100% 100%,100% 0%); }
    95%{ opacity:1; transform:translate(18.0%,-10.0%) rotate(-5.6deg) scale(1.05); clip-path:polygon(74.7% 0.0%,74.4% 1.1%,74.0% 2.1%,75.5% 3.2%,74.5% 4.2%,74.8% 5.3%,74.9% 6.3%,74.9% 7.4%,75.2% 8.4%,74.9% 9.5%,75.3% 10.5%,75.1% 11.6%,75.7% 12.6%,74.3% 13.7%,77.1% 14.7%,76.4% 15.8%,76.0% 16.8%,77.1% 17.9%,76.8% 18.9%,76.6% 20.0%,76.0% 21.1%,74.8% 22.1%,76.1% 23.2%,77.3% 24.2%,75.4% 25.3%,75.5% 26.3%,77.0% 27.4%,75.9% 28.4%,76.0% 29.5%,76.4% 30.5%,76.5% 31.6%,78.1% 32.6%,76.7% 33.7%,79.0% 34.7%,78.9% 35.8%,79.4% 36.8%,79.7% 37.9%,80.3% 38.9%,80.8% 40.0%,80.0% 41.1%,81.2% 42.1%,81.3% 43.2%,80.5% 44.2%,81.7% 45.3%,81.7% 46.3%,82.4% 47.4%,82.5% 48.4%,83.2% 49.5%,83.3% 50.5%,83.5% 51.6%,84.6% 52.6%,86.8% 53.7%,86.1% 54.7%,85.6% 55.8%,85.4% 56.8%,84.5% 57.9%,85.8% 58.9%,85.8% 60.0%,85.2% 61.1%,85.5% 62.1%,85.5% 63.2%,85.0% 64.2%,85.4% 65.3%,85.1% 66.3%,86.8% 67.4%,85.3% 68.4%,86.3% 69.5%,86.4% 70.5%,86.7% 71.6%,87.1% 72.6%,87.9% 73.7%,88.6% 74.7%,90.8% 75.8%,89.2% 76.8%,89.9% 77.9%,89.5% 78.9%,89.6% 80.0%,91.7% 81.1%,91.5% 82.1%,89.1% 83.2%,90.1% 84.2%,90.3% 85.3%,90.7% 86.3%,90.5% 87.4%,91.9% 88.4%,91.8% 89.5%,94.1% 90.5%,91.4% 91.6%,92.9% 92.6%,93.3% 93.7%,94.1% 94.7%,94.1% 95.8%,94.5% 96.8%,93.2% 97.9%,94.4% 98.9%,94.8% 100.0%,100% 100%,100% 0%); }
    100%{ opacity:1; transform:translate(34.0%,-18.0%) rotate(-9.0deg) scale(1.05); clip-path:polygon(102.0% 0.0%,102.0% 1.1%,102.0% 2.1%,102.0% 3.2%,102.0% 4.2%,102.0% 5.3%,102.0% 6.3%,102.0% 7.4%,102.0% 8.4%,102.0% 9.5%,102.0% 10.5%,102.0% 11.6%,102.0% 12.6%,102.0% 13.7%,102.0% 14.7%,102.0% 15.8%,102.0% 16.8%,102.0% 17.9%,102.0% 18.9%,102.0% 20.0%,102.0% 21.1%,102.0% 22.1%,102.0% 23.2%,102.0% 24.2%,102.0% 25.3%,102.0% 26.3%,102.0% 27.4%,102.0% 28.4%,102.0% 29.5%,102.0% 30.5%,102.0% 31.6%,102.0% 32.6%,102.0% 33.7%,102.0% 34.7%,102.0% 35.8%,102.0% 36.8%,102.0% 37.9%,102.0% 38.9%,102.0% 40.0%,102.0% 41.1%,102.0% 42.1%,102.0% 43.2%,102.0% 44.2%,102.0% 45.3%,102.0% 46.3%,102.0% 47.4%,102.0% 48.4%,102.0% 49.5%,102.0% 50.5%,102.0% 51.6%,102.0% 52.6%,102.0% 53.7%,102.0% 54.7%,102.0% 55.8%,102.0% 56.8%,102.0% 57.9%,102.0% 58.9%,102.0% 60.0%,102.0% 61.1%,102.0% 62.1%,102.0% 63.2%,102.0% 64.2%,102.0% 65.3%,102.0% 66.3%,102.0% 67.4%,102.0% 68.4%,102.0% 69.5%,102.0% 70.5%,102.0% 71.6%,102.0% 72.6%,102.0% 73.7%,102.0% 74.7%,102.0% 75.8%,102.0% 76.8%,102.0% 77.9%,102.0% 78.9%,102.0% 80.0%,102.0% 81.1%,102.0% 82.1%,102.0% 83.2%,102.0% 84.2%,102.0% 85.3%,102.0% 86.3%,102.0% 87.4%,102.0% 88.4%,102.0% 89.5%,102.0% 90.5%,102.0% 91.6%,102.0% 92.6%,102.0% 93.7%,102.0% 94.7%,102.0% 95.8%,102.0% 96.8%,102.0% 97.9%,102.0% 98.9%,102.0% 100.0%,100% 100%,100% 0%); }
  }