:root{
    --graphite:#141a2b;
    --graphite-2:#1d2540;
    --paper:#f4f3f1;
    --paper-2:#eae8e3;
    --ink:#1b1e29;
    --ink-soft:#5a5d6b;
    --brass:#8c2955;
    --brass-light:#b9527e;
    --steel:#2f3d78;
    --line:#dcdad3;
    --line-dark:#2a3355;
    --radius:2px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'IBM Plex Sans KR', sans-serif;
    font-weight:400;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .disp{font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif;}
  .mono{font-family:'IBM Plex Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  section{padding:120px 0;}
  @media(max-width:768px){ section{padding:72px 0;} .wrap{padding:0 20px;} }

  /* ---------- NAV ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:#ffffff;
    border-bottom:1px solid var(--line);
    box-shadow:0 1px 0 rgba(0,0,0,.03);
  }
  .nav{
    max-width:1180px;margin:0 auto;padding:0 32px;
    height:72px;display:flex;align-items:center;justify-content:space-between;
  }
  .brand{
    display:flex;align-items:center;gap:10px;
  }
  .brand-logo{
    height:38px;width:auto;
    display:block;
  }
  nav.links{display:flex;gap:36px;}
  nav.links a{
    font-size:14px;color:var(--ink-soft);font-weight:500;
    position:relative;padding:4px 0;
    transition:color .2s;
  }
  nav.links a:hover{color:var(--ink);}
  nav.links a::after{
    content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;
    background:var(--brass);transition:width .25s;
  }
  nav.links a:hover::after{width:100%;}
  .nav-cta{
    font-size:13px;font-weight:600;color:#fff;
    background:var(--brass);padding:9px 18px;border-radius:2px;
    letter-spacing:.3px;
  }
  .lang-toggle{
    display:flex;align-items:center;border:1px solid var(--line);
    border-radius:2px;overflow:hidden;margin-right:4px;
  }
  .lang-toggle button{
    font-family:'IBM Plex Sans KR',sans-serif;font-size:12.5px;font-weight:600;
    padding:7px 13px;background:#fff;color:var(--ink-soft);
    border:none;cursor:pointer;letter-spacing:.1px;transition:all .2s;
  }
  .lang-toggle button.active{background:var(--graphite);color:#fff;}
  .lang-toggle button:not(.active):hover{color:var(--ink);background:var(--paper-2);}
  .burger{display:none;}
  .nav-menu{display:flex;align-items:center;gap:32px;}
  @media(max-width:768px){
    .burger{
      display:flex;flex-direction:column;justify-content:center;gap:5px;
      width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;
    }
    .burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;transition:transform .2s,opacity .2s;}
    .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .burger.open span:nth-child(2){opacity:0;}
    .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .nav-menu{
      display:none;position:fixed;top:72px;left:0;right:0;
      background:#fff;flex-direction:column;align-items:stretch;gap:18px;
      padding:22px 20px 26px;border-bottom:1px solid var(--line);
      box-shadow:0 12px 24px rgba(0,0,0,.08);max-height:calc(100vh - 72px);overflow-y:auto;
    }
    .nav-menu.open{display:flex;}
    nav.links{display:flex;flex-direction:column;gap:16px;}
    nav.links a{font-size:16px;padding:2px 0;}
    nav.links a::after{display:none;}
    .lang-toggle{align-self:flex-start;}
    .nav-cta{text-align:center;}
  }

  /* ---------- HERO ---------- */
  .hero{
    background:var(--graphite);
    color:#eef0ef;
    padding:180px 0 100px;
    position:relative;
    overflow:hidden;
  }
  .hero .wrap{
    display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;
    position:relative;z-index:2;
  }
  @media(max-width:900px){ .hero .wrap{grid-template-columns:1fr;} .hero{padding-top:140px;} }
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:2px;
    color:var(--brass-light);text-transform:uppercase;margin-bottom:22px;
  }
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass-light);}
  h1.hero-title{
    font-family:'Space Grotesk',sans-serif;
    font-weight:700;
    font-size:clamp(34px,5vw,54px);
    line-height:1.18;
    letter-spacing:-.5px;
    color:#fff;
    margin-bottom:26px;
  }
  h1.hero-title em{
    font-style:normal;color:var(--brass-light);
  }
  .hero p.lead{
    font-family:'IBM Plex Mono',monospace;
    font-size:15px;color:#f2f0ee;max-width:480px;margin-bottom:36px;
    letter-spacing:.3px;line-height:1.9;
  }
  .btn-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 26px;font-size:14px;font-weight:600;letter-spacing:.3px;
    border-radius:2px;transition:all .2s;
  }
  .btn-primary{background:var(--brass-light);color:var(--graphite);}
  .btn-primary:hover{background:#dcb27c;transform:translateY(-1px);}
  .btn-ghost{border:1px solid #3a4654;color:#e8eaea;}
  .btn-ghost:hover{border-color:var(--brass-light);color:var(--brass-light);}

  /* layered graphic */
  .layers{position:relative;height:340px;}
  .layer{
    position:absolute;left:0;right:0;height:34px;border-radius:2px;
    box-shadow:0 10px 24px rgba(0,0,0,.25);
  }
  .layer .tag{
    position:absolute;right:14px;top:50%;transform:translateY(-50%);
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;
    opacity:.75;
  }
  .l1{top:0;background:linear-gradient(90deg,#b9527e,#8c2955);width:100%;}
  .l2{top:52px;background:linear-gradient(90deg,#3d4e93,#2f3d78);width:92%;}
  .l3{top:104px;background:linear-gradient(90deg,#232c48,#2e3860);width:100%;}
  .l4{top:156px;background:linear-gradient(90deg,#b9527e,#8c2955);width:80%;}
  .l5{top:208px;background:linear-gradient(90deg,#3d4e93,#2f3d78);width:96%;}
  .l6{top:260px;background:linear-gradient(90deg,#232c48,#2e3860);width:88%;}
  .layers::before{
    content:"MATERIAL STACK";position:absolute;left:0;top:-30px;
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;color:#6b7480;
  }

  .stat-strip{
    background:var(--graphite-2);
    border-top:1px solid var(--line-dark);
  }
  .stat-strip .wrap{
    display:grid;grid-template-columns:repeat(4,1fr);
    padding:26px 32px;
  }
  @media(max-width:768px){ .stat-strip .wrap{grid-template-columns:repeat(2,1fr);gap:24px 0;} }
  .stat{padding:0 20px;border-left:1px solid var(--line-dark);}
  .stat:first-child{border-left:none;}
  @media(max-width:768px){ .stat:nth-child(2n+1){border-left:none;} .stat{border-left:1px solid var(--line-dark);} }
  .stat .num{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:#fff;}
  .stat .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#8a94a3;letter-spacing:1px;margin-top:4px;}

  /* ---------- SECTION HEADS ---------- */
  .kicker{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:2px;
    color:var(--steel);text-transform:uppercase;margin-bottom:14px;
    display:flex;align-items:center;gap:8px;
  }
  .kicker::before{content:"";width:26px;height:1px;background:var(--steel);}
  h2.sec-title{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:clamp(26px,3.4vw,38px);
    letter-spacing:-.4px;color:var(--ink);margin-bottom:18px;
  }
  .sec-sub{color:var(--ink-soft);font-size:16px;max-width:640px;}

  /* ---------- ABOUT ---------- */
  .kw-block{margin-top:44px;}
  .kw-line{
    font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--steel);
    letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px;
  }
  .kw-tags{display:flex;flex-wrap:wrap;gap:10px;}
  .kw-tags span{
    font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;
    color:var(--ink);background:#fff;border:1px solid var(--line);
    padding:9px 16px;letter-spacing:.1px;
  }
  .spec-card{
    background:#fff;border:1px solid var(--line);
  }
  .spec-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:18px 22px;border-bottom:1px solid var(--line);
    font-size:14.5px;
  }
  .spec-row:last-child{border-bottom:none;}
  .spec-row .k{color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.5px;}
  .spec-row .v{font-weight:600;color:var(--ink);text-align:right;}

  .fact-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);margin-top:8px;
  }
  @media(max-width:640px){ .fact-grid{grid-template-columns:repeat(2,1fr);} }
  .fact-card{
    background:#fff;padding:32px 26px;
    transition:background .2s, transform .2s;
  }
  .fact-card:hover{background:var(--paper-2);}
  .fact-icon{
    width:44px;height:44px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(47,61,120,.08);margin-bottom:18px;
  }
  .fact-card:nth-child(odd) .fact-icon{background:rgba(140,41,85,.08);}
  .fact-icon svg{width:22px;height:22px;stroke:var(--steel);}
  .fact-card:nth-child(odd) .fact-icon svg{stroke:var(--brass);}
  .fact-label{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.5px;
    color:var(--ink-soft);text-transform:uppercase;margin-bottom:8px;
  }
  .fact-value{
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;
    color:var(--ink);letter-spacing:-.2px;line-height:1.3;
  }
  .fact-sub{font-size:12.5px;color:var(--ink-soft);margin-top:4px;}
  .partner-strip .lbl-row{
    display:flex;justify-content:space-between;align-items:baseline;
    border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:26px;
  }
  .partner-strip .lbl-row h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;}
  .partner-strip .lbl-row span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);}
  .brand-wall{
    display:grid;grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line);border-bottom:none;margin-top:36px;
  }
  @media(max-width:700px){ .brand-wall{grid-template-columns:repeat(2,1fr);} }
  .brand-cell{
    border-bottom:1px solid var(--line);border-right:1px solid var(--line);
    padding:28px 24px;display:flex;align-items:center;justify-content:center;
    background:#fff;transition:background .2s;height:96px;
  }
  .brand-cell:hover{background:var(--paper-2);}
  .brand-cell:nth-child(3n){border-right:none;}
  @media(max-width:700px){ .brand-cell:nth-child(3n){border-right:1px solid var(--line);} .brand-cell:nth-child(2n){border-right:none;} }
  .brand-cell img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;}
  .wordmark-samsung{
    font-family:Arial, 'Helvetica Neue', sans-serif;
    font-weight:800;font-size:26px;letter-spacing:-.5px;
    color:#1428A0;
  }
  .brand-cell .name{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:22px;color:var(--ink);letter-spacing:-.2px;text-align:center;
  }
  .brand-note{
    font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);
    margin-top:14px;text-align:right;
  }

  /* ---------- WORLD MAP ---------- */
  .map-wrap{margin-top:64px;}
  .map-wrap .lbl-row{
    display:flex;justify-content:space-between;align-items:baseline;
    border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:26px;
  }
  .map-wrap .lbl-row h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;}
  .map-wrap .lbl-row span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);}
  .map-box{
    background:#fff;border:1px solid var(--line);padding:28px 28px 20px;
  }
  #world-map-svg{width:100%;height:auto;display:block;}
  .wm-pin-kr, .wm-pin-us, .wm-pin-jp, .wm-pin-cn{cursor:pointer;}
  .map-legend{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);margin-top:20px;
  }
  @media(max-width:700px){ .map-legend{grid-template-columns:repeat(2,1fr);} }
  .map-legend div{
    background:#fff;padding:14px 16px;font-size:13px;color:var(--ink);
    display:flex;align-items:center;gap:9px;
  }
  .map-legend .dot{width:9px;height:9px;border-radius:50%;flex:none;}
  .map-legend .dot.hq{background:var(--brass);}
  .map-legend .dot.pt{background:var(--steel);}
  .map-legend .dot.mk{background:#8a94a3;}
  .map-attr{
    font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--ink-soft);
    margin-top:10px;text-align:right;opacity:.35;letter-spacing:.2px;
  }
  .badge{
    border:1px solid var(--line);background:#fff;
    padding:10px 18px;font-size:13.5px;font-weight:600;
    letter-spacing:.3px;color:var(--ink);
  }
  .badge small{display:block;font-weight:400;color:var(--ink-soft);font-size:11.5px;margin-top:2px;font-family:'IBM Plex Sans KR',sans-serif;}

  /* ---------- SERVICES ---------- */
  .services{background:var(--graphite);color:#e9eaea;}
  .services .kicker{color:var(--brass-light);}
  .services .kicker::before{background:var(--brass-light);}
  .services h2.sec-title{color:#fff;}
  .services .sec-sub{color:#98a0aa;}
  .svc-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
    background:var(--line-dark);margin-top:56px;border:1px solid var(--line-dark);
  }
  @media(max-width:860px){ .svc-grid{grid-template-columns:1fr;} }
  .svc-card{
    background:var(--graphite);padding:38px 32px;
    transition:background .25s;
  }
  .svc-card:hover{background:var(--graphite-2);}
  .svc-idx{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--brass-light);letter-spacing:1px;margin-bottom:22px;}
  .svc-card h3{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:#fff;margin-bottom:14px;line-height:1.35;}
  .svc-card p{font-size:14px;color:#9aa2ab;margin-bottom:18px;}
  .svc-tags{display:flex;flex-wrap:wrap;gap:8px;}
  .svc-tags span{
    font-family:'IBM Plex Mono',monospace;font-size:11px;color:#d98cae;
    border:1px solid #3a4568;padding:4px 9px;letter-spacing:.3px;
  }
  .svc-detail-btn{
    display:inline-flex;align-items:center;gap:6px;
    margin-top:22px;font-family:'IBM Plex Mono',monospace;font-size:12px;
    color:var(--brass-light);background:none;border:none;cursor:pointer;
    letter-spacing:.5px;padding:0;transition:gap .2s, color .2s;
  }
  .svc-detail-btn:hover{gap:10px;color:#dcb27c;}

  /* ---------- PRODUCT MODAL ---------- */
  .modal-overlay{
    position:fixed;inset:0;background:rgba(15,20,30,.72);
    display:none;align-items:center;justify-content:center;
    z-index:1000;padding:24px;backdrop-filter:blur(2px);
  }
  .modal-overlay.open{display:flex;}
  .modal-box{
    background:#fff;max-width:920px;width:100%;max-height:88vh;overflow-y:auto;
    border-radius:2px;position:relative;
    animation:modalIn .25s ease;
  }
  @keyframes modalIn{ from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);} }
  .modal-close{
    position:absolute;top:18px;right:18px;width:34px;height:34px;
    border-radius:50%;border:1px solid var(--line);background:#fff;
    font-size:16px;color:var(--ink-soft);cursor:pointer;z-index:2;
    display:flex;align-items:center;justify-content:center;transition:all .2s;
  }
  .modal-close:hover{background:var(--paper-2);color:var(--ink);}
  .modal-banner{
    background:var(--graphite);color:#fff;padding:34px 44px;
  }
  .modal-banner .m-idx{
    font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--brass-light);
    letter-spacing:2px;margin-bottom:10px;
  }
  .modal-banner h3{
    font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;
    letter-spacing:-.3px;
  }
  .modal-body{padding:36px 44px 44px;}
  .modal-strip{
    background:linear-gradient(90deg,var(--steel),#4a5da3);
    color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;
    font-size:15.5px;padding:16px 22px;border-radius:2px;margin-bottom:14px;
    box-shadow:0 8px 18px rgba(47,61,120,.18);
  }
  .modal-strip.alt{background:linear-gradient(90deg,var(--brass),#a8567e);
    box-shadow:0 8px 18px rgba(140,41,85,.18);}
  .modal-media{
    display:grid;grid-template-columns:1fr 1.4fr;gap:28px;margin-top:28px;align-items:center;
  }
  @media(max-width:640px){ .modal-media{grid-template-columns:1fr;} }
  .modal-media figure{margin:0;}
  .modal-media img{width:100%;border:1px solid var(--line);border-radius:2px;}
  .modal-media figcaption{
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);
    margin-top:8px;text-align:center;letter-spacing:.5px;
  }
  .modal-specs{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media(max-width:640px){ .modal-specs{grid-template-columns:1fr;} }
  .modal-specs div{background:#fff;padding:16px 20px;}
  .modal-specs .msk{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--steel);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;}
  .modal-specs .msv{font-size:14.5px;color:var(--ink);font-weight:600;}

  .merit-strip{
    margin-top:1px;background:var(--graphite-2);
    border:1px solid var(--line-dark);border-top:none;
    display:grid;grid-template-columns:repeat(4,1fr);
  }
  @media(max-width:860px){ .merit-strip{grid-template-columns:1fr 1fr;} }
  .merit{padding:26px 24px;border-left:1px solid var(--line-dark);}
  .merit:first-child{border-left:none;}
  @media(max-width:860px){ .merit:nth-child(2n+1){border-left:none;} }
  .merit .num{font-family:'Space Grotesk',sans-serif;color:var(--brass-light);font-size:13px;letter-spacing:1px;margin-bottom:8px;}
  .merit p{font-size:13.5px;color:#c7ccd4;line-height:1.5;}

  .roadmap{background:var(--graphite);color:#e9eaea;}
  .roadmap .kicker{color:var(--brass-light);}
  .roadmap .kicker::before{background:var(--brass-light);}
  .roadmap h2.sec-title{color:#fff;}
  .roadmap .sec-sub{color:#98a0aa;}
  .rm-list{margin-top:56px;position:relative;}
  .rm-list::before{
    content:"";position:absolute;left:23px;top:10px;bottom:10px;width:1px;
    background:var(--line-dark);
  }
  .rm-item{
    display:grid;grid-template-columns:48px 1fr;gap:26px;
    padding-bottom:44px;position:relative;
  }
  .rm-item:last-child{padding-bottom:0;}
  .rm-num{
    width:48px;height:48px;border-radius:50%;
    background:var(--graphite-2);border:1px solid var(--line-dark);
    display:flex;align-items:center;justify-content:center;
    font-family:'IBM Plex Mono',monospace;font-size:15px;color:var(--brass-light);
    position:relative;z-index:1;flex:none;
  }
  .rm-body h3{
    font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;
    color:#fff;margin-bottom:8px;padding-top:10px;
  }
  .rm-body p{font-size:14.5px;color:#9aa2ab;max-width:560px;margin-bottom:14px;}
  .rm-tag{
    display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
    color:var(--brass-light);border:1px solid #3a4568;padding:4px 10px;
    letter-spacing:.8px;
  }
  .contact-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;
  }
  @media(max-width:900px){ .contact-grid{grid-template-columns:1fr;gap:40px;} }
  .info-block{border-top:2px solid var(--graphite);padding-top:24px;margin-bottom:26px;}
  .info-block .k{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--steel);letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase;}
  .info-block .v{font-size:16px;font-weight:600;color:var(--ink);}
  .info-block .v.small{font-size:14.5px;font-weight:400;color:var(--ink-soft);}

  form{background:#fff;border:1px solid var(--line);padding:34px;}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:7px;letter-spacing:.3px;}
  .field input,.field textarea{
    width:100%;border:1px solid var(--line);background:var(--paper);
    padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--ink);
    border-radius:2px;transition:border-color .2s;
  }
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--brass);}
  .field textarea{resize:vertical;min-height:110px;}
  .submit-btn{
    width:100%;background:var(--graphite);color:#fff;border:none;
    padding:15px;font-size:14.5px;font-weight:600;letter-spacing:.3px;
    cursor:pointer;transition:background .2s;
  }
  .submit-btn:hover{background:var(--graphite-2);}
  .form-note{font-size:12px;color:var(--ink-soft);margin-top:12px;}

  footer{
    background:var(--graphite);color:#7a8290;
    padding:36px 0;border-top:1px solid var(--line-dark);
  }
  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
  footer .f-brand{font-family:'Space Grotesk',sans-serif;color:#c7ccd4;font-weight:600;font-size:14px;}
  footer small{font-size:12px;}

  .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    .reveal{transition:none;opacity:1;transform:none;}
    html{scroll-behavior:auto;}
  }