@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Mono:wght@400;500&family=Kalam:wght@400;700&family=Noto+Serif:ital,wght@0,400;1,400&display=swap');
:root{--green:#19366d;--green-dark:#0e2552;--paper:#f4eedf;--paper-light:#faf6e9;--ink:#19366d;--red:#d95138;--red-dark:#b53d2c;--gold:#d5af65;--line:#9aaac4;--sans:'Bricolage Grotesque',Arial,sans-serif;--serif:'Noto Serif',Georgia,serif;--hand:'Kalam',cursive;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.letter-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}figure{margin:0}::selection{background:var(--red);color:var(--paper-light)}.progress{position:fixed;top:0;left:0;width:100%;height:5px;z-index:100;background:transparent}.progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.site-header{height:77px;background:var(--green);border-bottom:1px solid #fffae52e;color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,66px);position:relative;z-index:10}.brand{font-size:35px;font-weight:800;letter-spacing:-.13em;line-height:1}.brand sup{font:700 14px var(--sans);letter-spacing:0;vertical-align:top;margin-left:3px}.brand-dot{color:var(--red)}.header-middle,.header-date{font:500 11px var(--mono);letter-spacing:.13em}.header-date span{color:var(--red);padding:0 5px}
.hero{min-height:690px;height:calc(100svh - 77px);max-height:880px;position:relative;overflow:hidden;background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 430px;gap:20px;align-items:center;padding:55px clamp(26px,6vw,100px) 75px}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(to right,#f5f0de3a 1px,transparent 1px),linear-gradient(to bottom,#f5f0de3a 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,black,transparent 85%)}.hero-content,.hero-card,.hero-side-note,.hero-bottom{position:relative;z-index:1}.hero-content{max-width:850px}.eyebrow,.kicker,.small-label{font:500 11px var(--mono);letter-spacing:.13em}.hero-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 40px;color:#d7dccb}.red-dot{background:var(--red);height:9px;width:9px;border-radius:50%;box-shadow:0 0 0 5px #ed634d29}.hero h1{font:800 clamp(62px,6.5vw,105px)/.91 var(--sans);letter-spacing:-.075em;margin:0;text-transform:uppercase}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font:italic 500 clamp(73px,8vw,130px)/1 var(--serif);text-transform:none;letter-spacing:-.055em;color:var(--red);margin-top:5px;padding-bottom:10px}.hero-intro{max-width:470px;font:16px/1.75 var(--sans);color:#d9ddcf;margin:30px 0 30px}.hero-button{border:1px solid var(--paper);background:var(--paper);color:var(--green);display:inline-flex;align-items:center;gap:55px;padding:16px 19px 16px 22px;font:700 11px var(--mono);letter-spacing:.07em;transition:transform .25s,background .25s}.hero-button:hover{transform:translateY(-5px);background:#fff}.hero-button .arrow{font:26px var(--sans);line-height:.7}.hero-card{width:390px;height:500px;background:var(--paper-light);color:var(--green);transform:rotate(6deg);box-shadow:20px 25px 0 #0c211ab0,0 35px 60px #091b16a6;padding:26px;border:12px solid var(--paper-light);outline:2px dashed #96aa97;outline-offset:-19px;animation:cardArrive 1.1s cubic-bezier(.2,.7,.2,1) both}.card-top,.card-bottom{font:500 10px var(--mono);letter-spacing:.07em;display:flex;justify-content:space-between}.stamp{position:absolute;right:34px;top:66px;width:100px;height:115px;border:6px dotted var(--red);background:#f8dec3;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg)}.stamp span{font-size:46px;font-weight:800;letter-spacing:-.15em}.stamp sup{font-size:17px;vertical-align:super}.stamp small{font:700 9px/1.25 var(--mono);text-align:center;letter-spacing:.03em}.postmark{position:absolute;top:188px;right:74px;width:95px;height:95px;border:2px solid var(--green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 10px/1.7 var(--mono);transform:rotate(-18deg);opacity:.67}.postmark:after{content:'';height:2px;width:135px;background:var(--green);position:absolute;top:48px;left:76px;box-shadow:0 7px var(--green),0 -7px var(--green);opacity:.45}.card-address{position:absolute;left:42px;bottom:73px;display:flex;flex-direction:column}.card-address small{font:500 10px var(--mono);letter-spacing:.14em;margin-bottom:6px;color:var(--red-dark)}.card-address strong{font:700 42px/.97 var(--sans);letter-spacing:-.06em}.card-address>span{font:italic 21px/1.1 var(--serif);margin-top:16px}.card-bottom{position:absolute;left:26px;right:26px;bottom:23px;border-top:1px solid var(--green);padding-top:11px}.card-bottom b{font-size:18px;line-height:0}.hero-side-note{position:absolute;right:14px;top:50%;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.12em;color:#bec8b7}.hero-bottom{position:absolute;left:clamp(26px,6vw,100px);bottom:25px;right:clamp(26px,6vw,100px);border-top:1px solid #f3eedb52;display:flex;justify-content:space-between;padding-top:15px;font:500 10px var(--mono);letter-spacing:.13em}.scroll-arrow{font-size:22px;line-height:.5;animation:bounce 2s infinite}@keyframes bounce{50%{transform:translateY(6px)}}@keyframes cardArrive{from{opacity:0;transform:translate(100px,50px) rotate(19deg)}to{opacity:1;transform:translate(0,0) rotate(6deg)}}
.paper-section{background:var(--paper);position:relative}.paper-section:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-head,.section-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;font:500 10px var(--mono);letter-spacing:.12em}.section-head{border-bottom:1px solid currentColor;padding:17px 0}.section-footer{border-top:1px solid currentColor;padding:17px 0}.opening,.memories,.notes,.distance{padding:32px clamp(23px,6vw,100px) 30px}.opening-layout{min-height:740px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative;z-index:1}.opening-copy{padding:80px 0}.kicker{color:var(--red-dark);margin:0 0 25px}.opening h2,.memories h2,.notes h2,.last-page h2{font:800 clamp(52px,6vw,96px)/.98 var(--sans);letter-spacing:-.07em;margin:0;text-transform:uppercase}.opening h2 i,.memories h2 i,.last-page h2 i{font:italic 500 1.08em/1 var(--serif);text-transform:none;letter-spacing:-.055em;color:var(--red-dark)}.opening-copy>p:not(.kicker){max-width:530px;font:19px/1.7 var(--sans);margin:37px 0;color:#40584d}.scribble{font:italic 25px var(--serif);color:var(--red-dark);transform:rotate(-4deg);margin:54px 0 0 40px;max-width:400px}.opening-photos{height:610px;position:relative}.print{position:absolute;background:#fdfcf6;padding:12px 12px 45px;box-shadow:0 15px 25px #2c403033;width:56%;height:420px;transition:transform .3s}.print:hover{transform:rotate(0) translateY(-12px)}.print-one{left:4%;top:29px;transform:rotate(-8deg)}.print-two{right:0;bottom:30px;transform:rotate(9deg)}.print img{height:100%;width:100%;object-fit:cover}.print figcaption{position:absolute;bottom:13px;left:15px;font:italic 15px var(--serif)}.photo-tape{position:absolute;z-index:2;top:5px;left:22%;width:105px;height:33px;background:#d2b783a8;transform:rotate(-8deg)}.media-slot img{display:none}.media-slot.has-media img{display:block}.media-slot.has-media .media-fallback{display:none}.media-fallback{width:100%;height:100%;background:repeating-linear-gradient(45deg,#e0ddca,#e0ddca 1px,#e9e6d8 1px,#e9e6d8 14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;gap:12px}.media-fallback span{font:800 68px var(--sans);letter-spacing:-.09em;color:#b8b2a1}.media-fallback strong{font:700 11px var(--mono);letter-spacing:.04em}.media-fallback small{font:10px var(--mono);opacity:.6}
.distance{background:var(--red);color:var(--green-dark)}.distance .section-head,.distance .section-footer{border-color:var(--green-dark)}.distance-inner{min-height:665px;max-width:1250px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.distance h2{font:800 clamp(65px,8vw,125px)/.9 var(--sans);letter-spacing:-.075em;text-transform:uppercase;margin:27px 0 20px}.distance h2 span{color:var(--paper-light);font:italic 500 1.02em/.95 var(--serif);text-transform:none;letter-spacing:-.055em}.distance-inner>p:not(.small-label){font:18px/1.75 var(--sans);max-width:650px;margin:20px 0}.distance-note{font:italic 28px var(--serif);margin-top:10px;transform:rotate(-3deg)}.route{width:min(760px,100%);height:100px;display:flex;align-items:center;position:relative;margin:30px 0}.route svg{width:100%;height:100%;overflow:visible}.route path{fill:none;stroke:var(--green-dark);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2s cubic-bezier(.18,.7,.15,1)}.route.drawn path{stroke-dashoffset:0}.route-end{position:absolute;z-index:1;top:42px;font:800 14px var(--mono);background:var(--red);padding:0 5px}.route-left{left:0}.route-right{right:0}.route-heart{position:absolute;top:32px;left:48%;font-size:26px;color:var(--paper-light);opacity:0;transform:scale(.2);transition:opacity .5s 1.5s,transform .5s 1.5s}.route.drawn .route-heart{opacity:1;transform:scale(1)}
.memories{padding-bottom:70px}.memories-intro{max-width:1440px;margin:100px auto 65px;display:flex;justify-content:space-between;gap:60px;align-items:end;position:relative;z-index:1}.memories-intro>p{max-width:290px;font:17px/1.6 var(--sans);color:#476052}.memories h2 i{color:var(--red-dark)}.filmstrip{max-width:1440px;margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:32px 13px;background:#1b2623;border:7px solid #1b2623}.filmstrip:before,.filmstrip:after{content:'';height:13px;position:absolute;left:13px;right:13px;background:repeating-linear-gradient(90deg,#ece8d8 0 22px,transparent 22px 46px);opacity:.8}.filmstrip:before{top:7px}.filmstrip:after{bottom:7px}.film-frame{min-width:0;position:relative;color:var(--paper);background:#354139}.film-image{height:clamp(200px,25vw,345px);position:relative}.film-image img{width:100%;height:100%;object-fit:cover}.film-image .media-fallback{background:#5b6859;color:var(--paper)}.film-image .media-fallback span{color:#a6b3a1}.film-frame figcaption{font:500 10px var(--mono);letter-spacing:.13em;padding:14px 5px 0}.video-heading{position:relative;z-index:1;max-width:1440px;margin:85px auto 20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--green);padding-bottom:14px;font:500 10px var(--mono);letter-spacing:.12em}.video-grid{max-width:1440px;margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.video-card{aspect-ratio:16/9;background:var(--green);position:relative;overflow:hidden}.video-card video{display:none;width:100%;height:100%;object-fit:cover}.video-card.has-video video{display:block}.video-card.has-video .video-fallback{display:none}.video-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--paper);gap:10px;background:linear-gradient(135deg,#1b342b,#405b47)}.video-card:nth-child(2) .video-fallback{background:linear-gradient(135deg,#34483b,#24372e)}.play-icon{height:65px;width:65px;border:1px solid var(--paper);border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:21px;transition:transform .3s}.video-card:hover .play-icon{transform:scale(1.13)}.video-fallback strong{font:700 12px var(--mono);letter-spacing:.12em}.video-fallback small{font:10px var(--mono);opacity:.65}.memories .section-footer{margin-top:110px}
.notes{background:#d8d4bd}.notes-layout{max-width:1440px;margin:auto;min-height:690px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.notes h2{font-size:clamp(63px,6.5vw,110px)}.notes h2 span{font:italic 500 1.04em var(--serif);color:var(--red-dark);text-transform:none}.notes-heading>p:last-child{font:italic 23px var(--serif);margin-top:35px}.note-stack{display:grid;gap:15px}.note{height:150px;width:100%;background:transparent;border:0;padding:0;position:relative;text-align:left;perspective:1200px;color:var(--ink)}.note-face{position:absolute;inset:0;backface-visibility:hidden;transition:transform .6s;display:flex;flex-direction:column;justify-content:space-between;padding:19px 25px;background:var(--paper-light);border-left:6px solid var(--red);box-shadow:5px 6px 0 #1d34252a}.note:nth-child(2) .note-face{background:#f1e0cc}.note:nth-child(3) .note-face{background:#e8e8d7}.note-face small,.note-face em{font:500 10px var(--mono);letter-spacing:.12em}.note-face strong{font:700 clamp(19px,2vw,27px)/1.15 var(--sans);letter-spacing:-.03em}.note-face em{align-self:end;font-style:normal;color:var(--red-dark)}.note-front{transform:rotateX(0)}.note-back{transform:rotateX(-180deg);background:var(--green)!important;color:var(--paper)}.note-back em{color:var(--red)}.note.is-flipped .note-front{transform:rotateX(180deg)}.note.is-flipped .note-back{transform:rotateX(0)}
.last-page{background:var(--green-dark);color:var(--paper);min-height:790px;position:relative;padding:30px clamp(22px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.last-page:before{content:'D⁴';position:absolute;font:800 370px var(--sans);letter-spacing:-.18em;color:#ffffff08;left:50%;top:39%;transform:translate(-50%,-50%) rotate(-9deg);white-space:nowrap;pointer-events:none}.last-top,.last-bottom{border-top:1px solid #f2ebd574;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font:500 10px var(--mono);letter-spacing:.13em;position:relative;z-index:1}.last-bottom{border-top:0;border-bottom:1px solid #f2ebd574;padding:0 0 16px}.last-content{text-align:center;position:relative;z-index:1;padding:30px 0}.last-content .kicker{color:var(--red);margin:0 0 18px}.last-page h2{font-size:clamp(60px,7vw,108px)}.last-page h2 i{color:var(--red)}.last-content>p:not(.kicker){max-width:440px;margin:24px auto 25px;font:17px/1.7 var(--sans);color:#d1d9cd}.envelope{height:160px;width:285px;border:0;background:transparent;display:block;margin:40px auto 10px;position:relative;filter:drop-shadow(7px 17px 12px #031a11a1);transition:transform .3s}.envelope:hover{transform:translateY(-8px) rotate(-3deg)}.env-back,.env-front,.env-flap{position:absolute;inset:0}.env-back{background:#dfd0ad}.env-flap{clip-path:polygon(0 0,100% 0,50% 65%);background:#eadcbc;z-index:2;transform-origin:top;transition:transform .45s}.env-front{clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:#f1e6c9;z-index:1}.env-seal{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--red-dark);font:800 21px var(--sans);letter-spacing:-.12em;color:var(--paper)}.env-seal sup{font-size:8px;vertical-align:super}.envelope.opening .env-flap{transform:rotateX(180deg)}.envelope.opening .env-seal{animation:breakSeal .35s forwards}@keyframes breakSeal{to{transform:translate(-50%,-50%) scale(2);opacity:0}}.open-label{border:0;background:none;color:var(--paper);font:500 11px var(--mono);letter-spacing:.12em;border-bottom:1px solid var(--red);padding:10px 3px;transition:color .2s}.open-label:hover{color:var(--red)}
dialog#letter-dialog{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;overflow-y:auto;background:#243b31;color:var(--green);animation:dialogIn .6s cubic-bezier(.18,.7,.18,1)}dialog#letter-dialog::backdrop{background:#031a14e8;backdrop-filter:blur(8px)}.dialog-shell{min-height:100%;padding:72px 20px 60px;display:flex;align-items:flex-start;justify-content:center}.close-letter{position:fixed;top:18px;right:24px;z-index:5;border:1px solid #f2ebd58c;background:var(--green);color:var(--paper);padding:11px 15px;font:500 10px var(--mono);letter-spacing:.1em}.close-letter span{margin-left:15px;color:var(--red);font-size:16px}.letter-paper{width:min(740px,100%);background:var(--paper-light);padding:55px clamp(28px,7vw,78px) 50px;box-shadow:14px 19px 0 #10271dcc,0 25px 50px #06190f8c;transform:rotate(-1deg);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#cfcebd69 36px);background-position:0 115px}.letter-topline,.letter-bottomline{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ink);padding-bottom:13px;font:500 10px var(--mono);letter-spacing:.1em}.letter-paper h2{font:italic 500 clamp(42px,6vw,65px) var(--serif);color:var(--red-dark);margin:44px 0 25px}.letter-paper p{font:19px/1.85 var(--serif);margin:0 0 25px;color:#30473a}.letter-paper .letter-sign{font:italic 28px/1.2 var(--serif);margin:40px 0 50px}.letter-sign span{font-size:45px;color:var(--red-dark)}.letter-bottomline{border-top:1px solid var(--ink);border-bottom:0;padding:14px 0 0}.letter-bottomline span:last-child{font-size:22px;color:var(--red-dark);line-height:.5}@keyframes dialogIn{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.hero{grid-template-columns:1fr 340px}.hero-card{width:315px;height:430px}.card-address strong{font-size:35px}.stamp{width:85px;height:95px;right:25px}.postmark{right:48px;top:166px}.opening-photos{height:510px}.print{height:350px}.notes-layout{gap:40px}}
@media(max-width:760px){.site-header{height:65px}.header-middle{display:none}.header-date{font-size:9px}.hero{height:auto;max-height:none;min-height:850px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:65px 24px 85px;gap:15px}.hero-grid{background-size:70px 70px}.hero-eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(54px,11.8vw,82px)}.hero h1 em{font-size:1.1em}.hero-intro{font-size:15px;margin:23px 0}.hero-button{padding:15px 19px}.hero-card{width:235px;height:260px;align-self:flex-end;margin-right:20px;transform:rotate(5deg);padding:15px;border-width:8px;outline-offset:-13px;box-shadow:11px 13px 0 #0c211a9c}.card-top{font-size:7px}.stamp{width:58px;height:65px;top:35px;right:20px;border-width:4px}.stamp span{font-size:26px}.stamp sup{font-size:10px}.stamp small{font-size:6px}.postmark{width:50px;height:50px;top:94px;right:32px;font-size:5px}.postmark:after{width:70px;left:40px;top:25px;box-shadow:0 5px var(--green),0 -5px var(--green)}.card-address{left:22px;bottom:45px}.card-address small{font-size:6px}.card-address strong{font-size:25px}.card-address>span{font-size:13px;margin-top:6px}.card-bottom{left:15px;right:15px;bottom:14px;font-size:6px;padding-top:6px}.hero-side-note{display:none}.hero-bottom{left:24px;right:24px;font-size:8px}.opening,.memories,.notes,.distance{padding:20px 22px}.section-head,.section-footer{font-size:8px;letter-spacing:.05em}.opening-layout{grid-template-columns:1fr;gap:0;min-height:0}.opening-copy{padding:80px 0 20px}.opening h2,.memories h2,.notes h2,.last-page h2{font-size:clamp(51px,12vw,77px)}.opening-copy>p:not(.kicker){font-size:16px;margin:27px 0}.scribble{font-size:20px;margin:40px 0 0 18px}.opening-photos{height:440px;max-width:480px;width:100%;margin:auto}.print{height:330px;width:60%}.print-one{top:20px;left:2%}.print-two{bottom:10px;right:1%}.photo-tape{left:20%}.distance-inner{min-height:650px;padding:80px 0}.distance h2{font-size:clamp(62px,12vw,85px)}.distance-inner>p:not(.small-label){font-size:16px}.distance-note{font-size:23px}.route{margin:30px 0 10px}.memories-intro{margin:75px auto 40px;display:block}.memories-intro>p{font-size:15px;margin-top:27px}.filmstrip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.film-frame{flex:0 0 72%;scroll-snap-align:center}.film-image{height:280px}.video-heading{margin-top:60px;font-size:8px}.video-grid{grid-template-columns:1fr}.memories .section-footer{margin-top:80px}.notes-layout{grid-template-columns:1fr;gap:35px;min-height:0;padding:75px 0}.notes h2{font-size:clamp(63px,12vw,85px)}.notes-heading>p:last-child{font-size:20px;margin-top:20px}.note{height:145px}.note-face strong{font-size:21px}.last-page{min-height:740px;padding:22px}.last-page:before{font-size:240px}.last-content>p:not(.kicker){font-size:15px}.last-top,.last-bottom{font-size:8px}.letter-paper p{font-size:17px}.letter-paper{background-position:0 105px}.dialog-shell{padding:65px 22px 50px}.close-letter{top:12px;right:13px}}
@media(max-width:400px){.hero{min-height:785px;padding-top:45px}.hero h1{font-size:53px}.hero h1 em{font-size:61px}.hero-card{width:215px;height:245px;margin-right:3px}.opening-photos{height:390px}.print{height:300px}.film-frame{flex-basis:81%}.film-image{height:245px}.letter-paper{padding:40px 23px}.letter-paper p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-card{animation:none}.route path{stroke-dashoffset:0}.route-heart{opacity:1;transform:none}.scroll-arrow{animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}