:root{--paper:#f0ece3;--ink:#191c18;--red:#f04428;--acid:#d9ff38;--display:"Arial Black","Arial",sans-serif;--body:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace;color-scheme:light}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:7px}
button:disabled{cursor:default}
button[hidden],[hidden]{display:none!important}
::selection{background:var(--acid);color:var(--ink)}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
.landing{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}
.landing:after,.paper:after,.case-button:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h190v190H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.19}
.landing:after{z-index:30}
.site-header{position:relative;z-index:20;max-width:1600px;margin:0 auto;width:calc(100% - 8%);height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #191c1845}
.brand{display:inline-flex;gap:7px;align-items:baseline;text-decoration:none;color:var(--ink);font:950 30px/.9 var(--display);letter-spacing:-2px}
.brand strong{font-size:46px;color:var(--red);letter-spacing:-4px}
.header-start{border:0;border-bottom:1px solid var(--ink);padding:10px 0;background:transparent;text-transform:uppercase;font:700 14px var(--mono)}
.header-start span{display:inline-block;margin-left:9px;font:22px Arial;transition:transform .2s}
.header-start:hover span{transform:translate(3px,-3px)}
.hero{position:relative;height:calc(100svh - 124px);min-height:720px;max-height:1100px}
.scene{height:100%;max-width:1600px;width:calc(100% - 8%);margin:0 auto;position:relative;container-type:inline-size}
.headline{position:absolute;top:15%;left:-.8%;z-index:3;margin:0;font-family:var(--display);font-size:14.4cqw;font-weight:950;line-height:.81;letter-spacing:-.09em;pointer-events:none}
.headline span{display:block}
.headline-red{color:var(--red);margin-top:1.2%;filter:url(#print-wear);transform:scaleX(.86);transform-origin:left center}
.time-evidence{position:absolute;left:-3%;bottom:7.5%;width:61.4%;height:39%;z-index:4;pointer-events:none}
.big-time{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:950;font-size:26cqw;letter-spacing:-.115em;line-height:1;transform:rotate(-8deg) skew(-5deg);filter:url(#print-wear);padding-right:.08em}
.time-marker{position:absolute;inset:-5% -3%;width:106%;height:111%;overflow:visible;transform:rotate(-5deg)}
.time-marker path{stroke:var(--red);stroke-width:4;stroke-linecap:round}
.marker-circle-second{stroke-width:1.6!important;opacity:.7}
.marker-underline{stroke-width:5!important}
.draw-line{stroke-dasharray:1;stroke-dashoffset:0}
html.js .draw-line{stroke-dashoffset:1}
.paper-anchor{position:absolute;left:41.6%;top:9%;width:26%;z-index:7;transform:rotate(-10deg);transform-origin:52% 12%}
.paper{position:relative;background:#f0e5cd;border:2px solid var(--ink);padding:9% 9% 8%;box-shadow:5px 8px 0 #292b1e22,11px 16px 0 -6px #292b1e44}
.paper:before{content:"";position:absolute;inset:9px -11px -13px 9px;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 2px,#24261f80 2px 3px);clip-path:polygon(0 0,100% 4%,98% 100%,5% 96%)}
.paper:after{opacity:.33}
.paper p{position:relative;z-index:1;margin:8% 0;font:italic 2.55cqw/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.04em;white-space:nowrap}
.paper-rule{height:1px;background:var(--ink);transform:rotate(-.5deg)}
.paper-rule-bottom{width:57%;margin-left:auto}
.tape{position:absolute;z-index:3;top:-12%;left:36%;height:21%;width:33%;background:#f04428;transform:rotate(1deg);clip-path:polygon(0 10%,96% 0,100% 88%,4% 100%,0 76%,2% 57%,0 27%);filter:url(#print-wear)}
.phone-anchor{position:absolute;z-index:6;right:6.1%;top:3.1%;width:26%;aspect-ratio:380/660;transform:rotate(12deg);transform-origin:center}
.phone-float,.phone-vibration,.phone{width:100%;height:100%}
.phone-float{will-change:transform}
.phone{position:relative}
.phone-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:url(#ink-rough)}
.phone-ui{position:absolute;top:5.7%;left:9.5%;right:10%;bottom:9%;container-type:inline-size;color:#f3efe4;overflow:hidden;border-radius:6%}
.phone-top{display:flex;align-items:center;justify-content:space-between;padding:1% 3% 0;font-size:6.7cqw;font-weight:700}
.phone-signal{display:flex;align-items:flex-end;gap:3px;height:12px;margin-right:4%}
.phone-signal i{display:block;width:3px;background:#e9e4d6}
.phone-signal i:nth-child(1){height:4px}.phone-signal i:nth-child(2){height:7px}.phone-signal i:nth-child(3){height:10px}.phone-signal i:nth-child(4){height:12px}
.phone-notch{position:absolute;left:36%;top:-2%;width:35%;height:7%;border-radius:0 0 14px 14px;background:#0f1512;display:flex;align-items:center;justify-content:center;gap:7%}
.phone-notch span{width:47%;height:12%;border-radius:20px;background:#303630}.phone-notch i{width:9%;aspect-ratio:1;border-radius:50%;background:#27352c}
.contact{display:flex;align-items:center;gap:4.5%;padding:18% 2% 9%;border-bottom:1px solid #e6e8d833}
.avatar{display:grid;place-items:center;flex:none;width:14cqw;height:14cqw;border-radius:50%;background:#c5c6b6;color:#292d26;font:italic 10cqw/1 Georgia,serif}
.contact strong{font-size:7.1cqw;line-height:1.2;font-weight:700;white-space:nowrap}
.contact-status{font-size:4.35cqw;color:#bdc1b4;margin-top:1.8%;min-height:1.4em}
.chat-day{text-align:center;font:4cqw/1.2 Georgia,serif;text-transform:uppercase;margin:9% 0 5%;color:#d0d3c4}
.message{position:relative;max-width:99%;padding:4% 5% 3%;margin-top:4.8%;border-radius:12px;background:#3a443d;box-shadow:1px 2px 0 #0002;font-size:5.35cqw;line-height:1.35}
.message time{display:block;text-align:right;font-size:3.8cqw;margin-top:2%;color:#d5d7c9}
.last-message{transition:opacity .24s,transform .3s}
.typing{display:none;gap:7px;align-items:center;height:11cqw;padding:4% 6%;width:33%;margin-top:5%;background:#3a443d;border-radius:12px}
.typing span{width:5px;height:5px;background:#c7d2ba;border-radius:50%;animation:typing-dot .8s ease-in-out infinite}
.typing span:nth-child(2){animation-delay:.13s}.typing span:nth-child(3){animation-delay:.26s}
.phone-input{position:absolute;bottom:1%;left:1%;right:0;display:flex;align-items:center;justify-content:space-between;width:99%;border:1px solid #8d9b7c55;padding:5% 7%;border-radius:999px;background:#2b352e;color:#b2bba9;font-size:5.05cqw;text-align:left;transition:border-color .2s,background .2s}
.phone-input span{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:#89977b;color:#1e2920;font-size:6cqw;line-height:1}
.phone-input:hover{border-color:#c5d5ae;background:#354131}
.vibration-lines{position:absolute;left:-23%;top:0;width:27%;height:15%;transform:rotate(-12deg);opacity:0;pointer-events:none}
.stamp{position:absolute;z-index:8;right:1.4%;top:1.7%;width:13%;aspect-ratio:1;color:var(--red);transform:rotate(13deg);pointer-events:none}
.stamp>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stamp>span{position:absolute;inset:24% 0 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 1.45cqw/1.02 var(--mono);letter-spacing:-.05em}
.stamp-arrow{display:block;font:2.8cqw/1 Arial}
.key-anchor{position:absolute;z-index:7;width:15%;aspect-ratio:230/310;left:53.2%;bottom:5.1%;transform:rotate(-32deg);transform-origin:45% 25%;will-change:transform}
.key-parallax,.key-float{width:100%;height:100%}
.key-parallax{transform:translateY(var(--scroll-key-y,0px)) rotate(var(--scroll-key-angle,0deg));transition:transform .12s linear}
.key-float{transform:translate3d(var(--key-x,0px),var(--key-y,0px),0) rotate(var(--key-angle,0deg));transition:transform .3s ease-out}
.key{display:block;width:100%;height:100%;filter:drop-shadow(5px 7px 0 #191c1820)}
.key-attention{position:absolute;right:-19%;top:3%;width:41%;height:25%;transform:rotate(31deg);opacity:0;pointer-events:none}
.hand-arrow{position:absolute;z-index:8;left:36.8%;bottom:4%;width:17.2%;height:12%;pointer-events:none;overflow:visible}
.hero-offer{position:absolute;z-index:9;right:0;bottom:7.6%;width:29.8%}
.offer-lead{font:900 1.84cqw/1.11 var(--body);letter-spacing:-.04em;margin:0 0 8px}
.offer-description{font:400 1.52cqw/1.26 var(--body);letter-spacing:-.025em;max-width:100%;margin:0 0 23px}
.case-button-wrap{position:relative;isolation:isolate}
.case-button-wrap:before{content:"";position:absolute;z-index:-1;inset:8px -5px -8px 5px;background:repeating-linear-gradient(135deg,transparent 0 2px,#292b2280 2px 3px);clip-path:polygon(8% 0,94% 0,100% 33%,92% 100%,5% 100%,0 75%)}
.case-button{position:relative;display:flex;align-items:center;justify-content:center;gap:6%;width:100%;min-height:clamp(64px,5.6cqw,94px);padding:15px 18px 19px;border:0;background:var(--red);color:#f7edce;clip-path:polygon(8% 0,93% 0,100% 35%,92% 100%,5% 100%,0 75%);font:900 2.55cqw/1 var(--display);letter-spacing:-.055em;white-space:nowrap;transition:transform .2s,background .2s}
.case-button:after{opacity:.27}
.case-button span{font:400 3.2cqw/1 Arial;transition:transform .2s}
.case-button:hover{transform:translate(-2px,-4px) rotate(-.5deg);background:#e7341c}
.case-button:hover span{transform:translate(4px,-3px)}
.case-button:active{transform:translate(0,1px)}
.case-button-wrap:focus-within{outline:3px solid var(--ink);outline-offset:7px}
.case-button:focus-visible{outline:0}
.ticker{position:relative;z-index:12;overflow:hidden;background:var(--acid);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);height:49px;display:flex;align-items:center;transform:rotate(-.5deg) scale(1.01)}
.ticker-track{display:flex;flex:none;width:max-content;animation:ticker-move 24s linear infinite}
.ticker-group{display:flex;align-items:center;gap:27px;flex:none;padding-right:27px;font:950 clamp(16px,1.6vw,27px)/1 var(--display);letter-spacing:-.04em;white-space:nowrap}
.ticker-group b{color:var(--red);font:29px/1 Arial}
.ticker:hover .ticker-track{animation-play-state:paused}
.case-dialog{position:fixed;width:min(510px,calc(100% - 36px));max-height:calc(100svh - 40px);margin:auto;border:2px solid var(--ink);padding:36px;background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 var(--red);overflow:auto}
.case-dialog::backdrop{background:#171b15b8;backdrop-filter:blur(7px)}
.dialog-close{position:absolute;right:15px;top:7px;display:grid;place-items:center;width:44px;height:44px;background:none;border:0;font:38px/1 Arial}
.dialog-contact{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #191c1833}
.dialog-contact .avatar{width:45px;height:45px;font-size:31px}
.dialog-contact h2{margin:0;font:900 28px/1.1 var(--body);letter-spacing:-1px}
.dialog-chat{display:grid;gap:10px;padding:24px 0}
.dialog-message{margin:0;max-width:92%;padding:13px 16px;background:#dcded0;border-radius:0 13px 13px;font-size:17px;line-height:1.45}
.dialog-answer{background:var(--acid);animation:answer-in .25s ease-out}
.dialog-choices{display:grid;gap:10px}
.dialog-choices button{border:1px solid var(--ink);padding:14px;background:transparent;text-align:left;line-height:1.35;font-size:16px;transition:background .2s}
.dialog-choices button:hover{background:var(--acid)}
.dialog-again{border:0;border-bottom:1px solid var(--ink);background:none;padding:9px 0;font-size:16px}
html.js .paper-anchor,html.js .phone-anchor,html.js .stamp>span,html.js .key-anchor{opacity:0}
html.js .last-message{opacity:0;transform:translateY(10px)}
html.js .typing{display:flex}
.is-ready .paper-anchor{animation:paper-stick .42s .12s both cubic-bezier(.2,.8,.2,1)}
.is-ready .phone-anchor{animation:phone-land .46s .31s both cubic-bezier(.18,.8,.2,1)}
.is-ready .phone-float{animation:phone-float 7s 2s ease-in-out infinite alternate}
.is-ready .key-anchor{animation:key-land .42s .55s both cubic-bezier(.2,.7,.2,1)}
.is-ready .stamp>span{animation:stamp-print .23s .8s both}
.is-ready .stamp-circle{animation:draw .38s .78s both ease-out}
.is-ready .marker-circle{animation:draw .55s .75s both cubic-bezier(.3,0,.3,1)}
.is-ready .marker-circle-second{animation:draw .4s 1.1s both ease-out}
.is-ready .marker-underline{animation:draw .29s 1.32s both ease-out}
.is-ready .arrow-line{animation:draw .35s 1.48s both ease-out}
.is-ready .arrow-head{animation:draw .15s 1.78s both ease-out}
.is-ready .key-attention{animation:attention-in .2s .96s both}
.is-ringing .phone-vibration{animation:phone-ring .44s linear}
.is-ringing .vibration-lines{animation:ring-lines .44s linear}
.is-message-visible .last-message{opacity:1!important;transform:none!important}
.is-message-visible .typing{display:none!important}
.is-paused .hero *,.is-paused .ticker *,.is-tab-hidden *{animation-play-state:paused!important}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes paper-stick{0%{opacity:0;transform:translate(18px,-38px) rotate(-17deg) scale(1.055)}75%{opacity:1;transform:translate(0,2px) rotate(-9deg) scale(.995)}100%{opacity:1;transform:rotate(-10deg)}}
@keyframes phone-land{0%{opacity:0;transform:translate(29px,-18px) rotate(16deg) scale(1.035)}100%{opacity:1;transform:rotate(12deg)}}
@keyframes phone-float{from{transform:translate3d(0,0,0) rotate(-.25deg)}to{transform:translate3d(-2px,-5px,0) rotate(.25deg)}}
@keyframes key-land{0%{opacity:0;transform:translate(20px,-20px) rotate(-48deg) scale(1.08)}100%{opacity:1;transform:rotate(-32deg)}}
@keyframes stamp-print{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}
@keyframes attention-in{from{opacity:0;transform:rotate(31deg) scale(.7)}to{opacity:1;transform:rotate(31deg) scale(1)}}
@keyframes phone-ring{0%,100%{transform:translateX(0) rotate(0)}12%{transform:translateX(-3px) rotate(-1deg)}25%{transform:translateX(3px) rotate(1deg)}38%{transform:translateX(-3px) rotate(-.9deg)}50%{transform:translateX(3px) rotate(.8deg)}63%{transform:translateX(-2px) rotate(-.6deg)}76%{transform:translateX(2px) rotate(.5deg)}88%{transform:translateX(-1px) rotate(-.2deg)}}
@keyframes ring-lines{0%,100%{opacity:0}12%,38%,63%{opacity:1}25%,50%,76%{opacity:.2}}
@keyframes typing-dot{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-4px);opacity:1}}
@keyframes ticker-move{to{transform:translateX(-33.333333%)}}
@keyframes answer-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.hero{min-height:910px}.headline{top:17%}.paper-anchor{top:12%}.phone-anchor{top:5%}}
@media(max-width:1100px) and (min-width:761px){
  .hero{min-height:690px}
  .headline{top:20%;font-size:14.2cqw}
  .paper-anchor{left:39%;top:13%;width:27%}
  .phone-anchor{right:3%;top:7%;width:30%}
  .stamp{right:-1%;top:6%;width:14%}
  .time-evidence{bottom:13%;height:34%}
  .hero-offer{bottom:8%;width:32%}
  .offer-lead{font-size:2.05cqw}.offer-description{font-size:1.8cqw}
  .case-button{font-size:2.8cqw}
  .key-anchor{left:51%;width:16%;bottom:8%}
  .hand-arrow{bottom:9%;left:35%}
}
@media(max-width:760px){
  .site-header{height:66px;width:calc(100% - 40px)}
  .brand{font-size:24px;letter-spacing:-1.5px}.brand strong{font-size:38px;letter-spacing:-3px}
  .header-start{font-size:12px}.header-start span{font-size:20px}
  .hero{height:auto;min-height:0;max-height:none}
  .scene{width:calc(100% - 36px);height:1140px;max-width:580px}
  .headline{top:6.1%;left:-1%;font-size:18.4cqw;line-height:.85;z-index:5;letter-spacing:-.095em}
  .headline-red{margin-top:2%;transform:scaleX(.96)}
  .paper-anchor{left:3%;top:30%;width:53%;z-index:7}
  .paper{padding:10% 9%}
  .paper p{font-size:5cqw;line-height:1.05}
  .phone-anchor{right:6%;top:31.5%;width:58%;z-index:6;transform:rotate(12deg)}
  .phone-ui{border-radius:5%}
  .stamp{right:1%;top:28.5%;width:28%;z-index:8}
  .stamp>span{font-size:3cqw}.stamp-arrow{font-size:6cqw}
  .time-evidence{left:-5%;top:15.5%;bottom:auto;width:91%;height:17%;z-index:4}
  .big-time{font-size:36cqw;letter-spacing:-.11em}
  .time-marker{inset:0 -3%;width:107%;height:105%}
  .key-anchor{left:5%;bottom:28%;width:31%;z-index:8}
  .hand-arrow{left:19%;bottom:24%;width:29%;height:9%;transform:rotate(-35deg)}
  .hero-offer{left:4%;right:4%;bottom:5.8%;width:auto}
  .offer-lead{font-size:6.05cqw;line-height:1.13;margin-bottom:11px}
  .offer-description{font-size:4.8cqw;line-height:1.35;max-width:95%;margin-bottom:23px}
  .case-button{font-size:8cqw;min-height:72px;padding-bottom:19px}
  .case-button span{font-size:9cqw}
  .ticker{height:43px}
  .ticker-group{font-size:18px;gap:21px;padding-right:21px}
  .ticker-group b{font-size:25px}
}
@media(min-width:501px) and (max-width:760px){
  .scene{height:1370px}
  .paper-anchor{top:29%}
  .phone-anchor{top:31%}
  .stamp{top:28%}
  .key-anchor{bottom:25%;width:26%}
  .hero-offer{bottom:5.2%}
  .offer-lead{font-size:4.8cqw}.offer-description{font-size:3.9cqw}
  .case-button{font-size:6.4cqw;min-height:82px}
  .case-button span{font-size:7.3cqw}
}
@media(max-width:380px){
  .scene{height:1030px}
  .header-start{font-size:11px}
  .phone-anchor{top:32%}
  .paper-anchor{top:30%}
  .key-anchor{bottom:31%}
  .hero-offer{bottom:6.7%}
  .offer-description{font-size:4.9cqw}
  .case-button{min-height:64px}
  .case-dialog{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  html.js .paper-anchor,html.js .phone-anchor,html.js .stamp>span,html.js .key-anchor{opacity:1}
  html.js .draw-line{stroke-dashoffset:0}
  html.js .last-message{opacity:1;transform:none}
  html.js .typing{display:none}
  .key-attention{opacity:1}
  .key-parallax,.key-float{transform:none}
}

/* The same printed sheet opens into two different sets of evidence. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.truth-section{position:relative;background:var(--paper);isolation:isolate}
.truth-stage{--gate-travel:clamp(105px,9.4cqw,160px);--gate-rise:calc(-1 * var(--gate-travel));position:relative;isolation:isolate;container-type:inline-size;width:min(100%,1740px);height:clamp(780px,100svh,1120px);margin:0 auto;overflow:hidden;perspective:1600px;background:var(--paper)}
.truth-sides{position:absolute;inset:33% -2% 30%;z-index:1;display:grid;grid-template-columns:1fr 1fr;background:#e6d5bd;transform:rotate(-2.4deg);box-shadow:inset 0 10px 24px #29291b28,inset 0 -10px 24px #29291b28}
.truth-side{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:22px 5%;background:#e6d5bd;color:#202d26}
.truth-side:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(84deg,transparent 0 78px,#6e675b12 79px 80px,transparent 81px 123px);opacity:.55}
.truth-side--mine .truth-side-content{transform:translateY(16px) rotate(2.4deg)}
.truth-side--other{background:#242821;color:#f0e7d5;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,2% 84%,1% 73%,4% 59%,2% 47%,5% 33%,4% 19%)}
.truth-side--other:after{background:repeating-linear-gradient(24deg,transparent 0 31px,#e2d8bb08 32px 33px,transparent 34px 56px)}
.truth-side--other .truth-side-content{transform:translateY(-10px) rotate(2.4deg)}
.truth-side-content{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;gap:5%;min-width:0}
.truth-side-copy{min-width:0}
.truth-side-copy h3{position:relative;display:table;margin:0 0 23px;font:700 clamp(19px,2.1cqw,35px)/1.1 var(--body);letter-spacing:-.045em}
.truth-side-copy h3 svg{position:absolute;left:-4%;bottom:-13px;width:110%;height:16px;overflow:visible}
.truth-small-mark{stroke:var(--red);stroke-width:3;stroke-linecap:round;filter:url(#ink-rough)}
.truth-side-copy p{margin:0;font:700 clamp(20px,2.25cqw,38px)/1.09 var(--body);letter-spacing:-.035em}
.truth-chat-art{width:24%;max-width:180px;flex:none;overflow:visible;transform:rotate(-7deg)}
.truth-time{display:table;margin-top:17px;background:#f6ecd9;color:var(--ink);padding:4px 15px 5px;box-shadow:3px 4px 0 #191c1833;transform:rotate(-5deg);font:400 clamp(18px,1.8cqw,29px)/1 var(--body);clip-path:polygon(2% 0,98% 2%,100% 88%,94% 100%,0 96%,2% 67%,0 32%)}
.truth-key{width:26%;max-width:190px;height:auto;max-height:240px;object-fit:contain;flex:none;transform:rotate(-13deg);filter:drop-shadow(5px 8px 0 #0003)}
.truth-paper{position:absolute;inset:0;z-index:4;background:var(--paper);will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}
.truth-paper--top{clip-path:url(#truth-paper-top);transform:translate3d(-8px,var(--gate-rise),0) rotate(-.85deg);transform-origin:50% 20%;filter:drop-shadow(0 8px 7px #191c1840)}
.truth-paper--bottom{clip-path:url(#truth-paper-bottom);transform:translate3d(8px,var(--gate-travel),0) rotate(.75deg);transform-origin:50% 80%;filter:drop-shadow(0 -8px 7px #191c1833)}
.truth-headline{position:absolute;left:3%;right:3%;top:calc(53% - 1.68em);margin:0;text-align:center;font-family:var(--display);font-size:16.5cqw;font-weight:950;line-height:.84;letter-spacing:-.09em;transform:rotate(-2deg);transform-origin:center;filter:url(#print-wear)}
.truth-headline>span{display:block;white-space:nowrap}
.truth-word{position:relative;display:inline-block;color:var(--red)}
.truth-word-marker{position:absolute;width:124%;height:130%;left:-8%;top:-15%;overflow:visible}
.truth-word-marker path{stroke:var(--red);stroke-width:3.5;stroke-linecap:round}
.truth-mark-path--second{stroke-width:1.3!important;opacity:.7}
.truth-mark-ray{stroke-width:5!important}
.truth-tear-fiber{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.truth-tear-fiber use{fill:none;stroke:#fff8eb;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:url(#ink-rough)}
.truth-tear-mobile{display:none}
.truth-tape{position:absolute;display:block;width:115px;height:43px;background:var(--red);filter:url(#print-wear);clip-path:polygon(0 9%,98% 0,100% 91%,4% 100%,1% 80%,3% 65%,0 35%)}
.truth-tape--top{top:12%;left:3.3%;transform:rotate(-35deg)}
.truth-tape--bottom{bottom:11%;right:3.4%;transform:rotate(-16deg)}
.truth-side-scribble{position:absolute;left:-2.3%;top:15%;width:11%;height:67%;z-index:6;pointer-events:none;overflow:visible}
.truth-caption{position:absolute;z-index:7;left:10%;right:10%;bottom:6.5%;margin:0;text-align:center;font:400 clamp(22px,2.35cqw,38px)/1.25 var(--body);letter-spacing:-.025em}
.truth-caption>span{position:relative;display:inline-block;white-space:nowrap}
.truth-caption svg{position:absolute;left:-2%;bottom:-14px;width:105%;height:20px;overflow:visible}
html.js .truth-stage:not(.is-active) .truth-headline{opacity:0}
html.js .truth-stage:not(.is-ripping) .truth-paper{transform:none;filter:none}
html.js .truth-paper{transition:transform .95s cubic-bezier(.24,.65,.2,1),filter .6s ease}
html.js .truth-stage:not(.is-tearing) .truth-tear-fiber{opacity:0}
html.js .truth-tear-fiber{transition:opacity .18s;clip-path:inset(0 100% 0 0)}
html.js .truth-stage.is-tearing .truth-tear-fiber{animation:tear-travel .32s linear both}
html.js .truth-mark-path,html.js .truth-mark-ray,html.js .truth-small-mark,html.js .truth-caption-mark,html.js .truth-margin-line{stroke-dasharray:1;stroke-dashoffset:1}
html.js .truth-stage.is-active .truth-headline{animation:truth-title-in .28s ease-out both}
html.js .truth-stage.is-marked .truth-mark-path{animation:draw .43s ease-out both}
html.js .truth-stage.is-marked .truth-mark-path--second{animation-delay:.16s}
html.js .truth-stage.is-marked .truth-mark-ray{animation:draw .18s .3s ease-out both}
html.js .truth-stage:not(.is-ripping) .truth-caption{opacity:0;transform:translateY(7px)}
.truth-caption{transition:opacity .4s .65s,transform .4s .65s}
.truth-stage.is-ripping .truth-key{transform:rotate(8deg);transition:transform .8s .12s cubic-bezier(.2,.8,.2,1)}
.truth-stage.is-ripping .truth-small-mark{animation:draw .35s .45s ease-out both}
.truth-stage.is-open .truth-caption-mark{animation:draw .4s ease-out both}
.truth-stage.is-open .truth-margin-line{animation:draw .6s ease-out both}
@keyframes truth-title-in{from{opacity:0;transform:translateY(9px) rotate(-2deg)}to{opacity:1;transform:rotate(-2deg)}}
@keyframes tear-travel{to{clip-path:inset(0)}}
@media(min-width:1500px){.truth-headline{font-size:15.8cqw}.truth-stage{--gate-travel:clamp(140px,9.3cqw,180px)}}
@media(max-width:1100px) and (min-width:761px){
  .truth-stage{--gate-travel:110px}
  .truth-headline{top:calc(53% - 1.68em);font-size:17.4cqw}
  .truth-sides{inset:34% -2% 29%}
  .truth-side{padding-left:5%;padding-right:5%}
  .truth-chat-art{width:21%}
  .truth-side-copy h3{font-size:21px;margin-bottom:19px}
  .truth-side-copy p{font-size:21px}
  .truth-key{width:28%}
  .truth-time{font-size:21px;margin-top:13px}
}
@media(max-width:760px){
  .truth-stage{height:1080px;--gate-travel:230px}
  .truth-headline{font-size:21cqw;top:calc(52% - 1.6em);left:2%;right:2%;letter-spacing:-.095em}
  .truth-headline>span:last-child{transform:scaleX(.87)}
  .truth-paper--top{clip-path:url(#truth-paper-top-mobile);transform:translate3d(-3px,var(--gate-rise),0) rotate(-1deg)}
  .truth-paper--bottom{clip-path:url(#truth-paper-bottom-mobile);transform:translate3d(3px,var(--gate-travel),0) rotate(.8deg)}
  .truth-tear-desktop{display:none}
  .truth-tear-mobile{display:inline}
  .truth-sides{inset:29% -3% 25%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;transform:rotate(-2deg)}
  .truth-side{padding:22px 8%}
  .truth-side--mine .truth-side-content{transform:translateY(8px) rotate(2deg)}
  .truth-side--other .truth-side-content{transform:translateY(-3px) rotate(2deg)}
  .truth-side--other{clip-path:polygon(0 4%,12% 2%,20% 4%,32% 0,44% 2%,57% 0,69% 2%,83% 0,100% 2%,100% 100%,0 100%)}
  .truth-side-content{gap:7%;justify-content:center}
  .truth-side-copy h3{font-size:23px;margin-bottom:22px}
  .truth-side-copy p{font-size:24px}
  .truth-time{font-size:23px;margin-top:14px}
  .truth-chat-art{width:25%;max-width:116px}
  .truth-key{width:25%;height:155px;max-width:116px}
  .truth-caption{left:7%;right:7%;bottom:7.2%;font-size:24px;line-height:1.35}
  .truth-caption>span{white-space:normal}
  .truth-caption svg{bottom:-15px}
  .truth-side-scribble{left:-4%;top:16%;width:14%;height:59%;opacity:.7}
  .truth-tape{width:75px;height:30px}
  .truth-tape--top{top:22%;left:5%}
  .truth-tape--bottom{bottom:21%;right:5%}
}
@media(max-width:380px){
  .truth-stage{height:1000px;--gate-travel:215px}
  .truth-headline{font-size:20.8cqw;top:calc(52% - 1.6em)}
  .truth-side{padding:20px 7%}
  .truth-side-copy h3{font-size:20px}
  .truth-side-copy p{font-size:21px}
  .truth-key{height:145px}
  .truth-caption{font-size:21px;left:8%;right:8%;bottom:7.6%}
}
@media(prefers-reduced-motion:reduce){
  html.js .truth-stage .truth-headline{opacity:1}
  html.js .truth-stage .truth-tear-fiber{opacity:1;clip-path:none}
  html.js .truth-stage .truth-caption{opacity:1;transform:none}
  html.js .truth-mark-path,html.js .truth-mark-ray,html.js .truth-small-mark,html.js .truth-caption-mark,html.js .truth-margin-line{stroke-dashoffset:0}
}