.take-notes{--notes-ink:var(--ink,#132e50);--notes-muted:var(--muted,#586d86);padding:95px 0;background:var(--aw-cloud);color:var(--notes-ink);overflow:hidden;scroll-margin-top:100px;}
.take-notes,.take-notes *{box-sizing:border-box;}
.take-notes .notes-container{width:calc(100% - 112px);max-width:1440px;margin:auto;}
.take-notes .notes-heading{text-align:left;margin:0 0 42px;max-width:920px;}
.take-notes .notes-heading :is(h1,h2){margin:0;color:var(--notes-ink);}
.take-notes .notes-heading :is(h1,h2) span{color:inherit;}.take-notes .notes-word{white-space:nowrap;}
.take-notes .notes-heading>p{color:var(--notes-muted);margin:22px 0 0;max-width:670px;}
.take-notes .desktop-break{display:none;}
.take-notes .notes-scene{display:grid;grid-template-columns:minmax(0,1.16fr) 100px minmax(0,1fr);align-items:center;max-width:1280px;}
.take-notes .notes-captures{height:550px;z-index:2;}
.take-notes .notes-captures>video{object-position:50% 40%;}
.take-notes .voice-wave{margin-bottom:22px;}
.take-notes .capture-note{margin-top:8px;}
.take-notes .notes-gather{height:400px;position:relative;z-index:1;}
.take-notes .gather-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b2cbed;stroke-width:1.2;}
.take-notes .blue-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--aw-blue);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 0 0 7px var(--aw-cloud);}
.take-notes .blue-mark span{width:3px;border-radius:3px;background:white;height:14px;}
.take-notes .blue-mark span:nth-child(2),.take-notes .blue-mark span:nth-child(4){height:23px;}
.take-notes .blue-mark span:nth-child(3){height:30px;}
.take-notes .gather-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--aw-blue);left:77%;top:calc(50% - 3px);opacity:0;}
.take-notes .notes-result{position:relative;z-index:2;padding:32px;background:#fff;border-radius:12px;box-shadow:none;}
.take-notes .writeup-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--aw-blue);font-weight:400;margin-bottom:23px;}
.take-notes .result-mark{display:flex;align-items:center;gap:2px;height:21px;}
.take-notes .result-mark i{width:2px;height:9px;background:currentColor;border-radius:2px;}
.take-notes .result-mark i:nth-child(2),.take-notes .result-mark i:nth-child(4){height:15px;}
.take-notes .result-mark i:nth-child(3){height:21px;}
.take-notes .writeup-copy p{margin:0 0 16px;}
.take-notes .writeup-ready{display:flex;gap:8px;align-items:center;color:var(--notes-muted);font-size:14px;margin-top:25px;}
.take-notes .writeup-ready svg{width:16px;height:16px;fill:none;stroke:var(--aw-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.take-notes .notes-example{font-size:14px;line-height:1.6;color:var(--notes-muted);margin:25px 0 0;}
.take-notes .notes-scene.is-animated .capture-note{animation:notes-arrive .8s .8s both;}
.take-notes .notes-scene.is-animated .gather-lines{animation:notes-path 1.4s 1.8s both;stroke-dasharray:500;stroke-dashoffset:0;}
.take-notes .notes-scene.is-animated .blue-mark{animation:notes-blue .8s 2.5s both;}
.take-notes .notes-scene.is-animated .gather-dot{animation:notes-dot 1s 2.65s both;}
.take-notes .notes-scene.is-animated .writeup-part{animation:notes-resolve .9s both;}
.take-notes .notes-scene.is-animated .part-one{animation-delay:2.9s;}
.take-notes .notes-scene.is-animated .part-two{animation-delay:3.45s;}
.take-notes .notes-scene.is-animated .writeup-ready{animation:notes-ready .6s 4.25s both;}
.take-notes .notes-scene.is-paused *{animation-play-state:paused!important;}
@keyframes notes-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes notes-path{from{opacity:0;stroke-dashoffset:500}to{opacity:1;stroke-dashoffset:0}}
@keyframes notes-blue{0%{opacity:.35;scale:.85}65%{scale:1.07}100%{opacity:1;scale:1}}
@keyframes notes-dot{0%{opacity:0;left:50%}25%{opacity:1}85%{opacity:1}100%{opacity:0;left:100%}}
@keyframes notes-resolve{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(5px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes notes-ready{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media  (max-width:1100px) and (min-width:761px){.take-notes .notes-container{width:calc(100% - 60px);}.take-notes .notes-scene{grid-template-columns:minmax(0,1.15fr) 65px minmax(0,1fr);}.take-notes .notes-result{padding:25px;}.take-notes .writeup-copy p{}.take-notes .aw-capture-layer{padding:24px;}.take-notes .aw-capture-quote{font-size:29px;}}
@media  (max-width:760px){
 .take-notes{padding:60px 0;}.take-notes .notes-container{width:calc(100% - 40px);}
 .take-notes .notes-heading{margin-bottom:30px;}.take-notes .notes-heading :is(h1,h2){}
 .take-notes .notes-heading>p{margin-top:20px;}
 .take-notes .notes-scene{grid-template-columns:1fr;max-width:480px;margin:auto;}
 .take-notes .notes-captures{height:510px;}.take-notes .notes-gather{height:80px;}
 .take-notes .gather-lines{display:none;}.take-notes .notes-gather:before{content:"";position:absolute;height:100%;width:1px;background:#b2cbed;top:0;left:50%;}
 .take-notes .blue-mark{width:44px;height:44px;}.take-notes .gather-dot{display:none;}
 .take-notes .notes-result{padding:27px 25px;}.take-notes .writeup-label{margin-bottom:20px;}
 .take-notes .writeup-copy p{}.take-notes .writeup-ready{margin-top:24px;font-size:14px;gap:6px;}
 .take-notes .notes-example{max-width:480px;margin:24px auto 0;}
}
@media  (max-width:355px){.take-notes .notes-heading :is(h1,h2){}.take-notes .notes-result{padding:25px 21px;}.take-notes .writeup-copy p{}.take-notes .writeup-ready{align-items:flex-start;}.take-notes .notes-captures{height:490px;}.take-notes .aw-capture-quote{font-size:27px;}.take-notes .aw-capture-layer{padding:20px;}}
@media  (prefers-reduced-motion:reduce){.take-notes *{animation:none!important;transition:none!important;}.take-notes .gather-dot{display:none;}.take-notes .notes-captures>video{visibility:hidden;}.take-notes .notes-captures{background:url("/v2/assets/notes-study/clip-poster.jpg") center 40%/cover;}}