@charset "UTF-8";
:root{--bg:#101915;--surface:#17211b;--surface2:#1b2821;--text:#f1f1e8;--muted:#a6b2a7;--line:#c6d1ba29;--accent:#d9ac79;--accent-ink:#1b241b;--teal:#98c7b5;--header:#101915d9;--shadow:#0003;--font:Arial,Helvetica,sans-serif;color-scheme:dark}
:root[data-theme="light"]{--bg:#f1f0e7;--surface:#e9eade;--surface2:#f8f8f0;--text:#18291f;--muted:#5f6c60;--line:#223c2930;--accent:#895d32;--accent-ink:#fff9ec;--teal:#3c7160;--header:#f1f0e7e8;--shadow:#19391f13;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}svg{display:block}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}h1,h2,h3{font-weight:500;line-height:1.05}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}::selection{color:var(--bg);background:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;background:var(--accent);color:var(--accent-ink);padding:12px 20px;z-index:100}.skip-link:focus{top:14px}.site-header{height:104px;max-width:1760px;margin:auto;padding:0 4.2%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;line-height:1;font-size:17px;letter-spacing:2.5px;font-weight:700;flex-shrink:0}.brand svg{width:43px;height:43px;color:var(--accent)}.brand-second{font-weight:400;margin-left:1px}.brand small{display:block;font-size:6px;letter-spacing:2.3px;margin-top:9px;color:var(--muted);font-weight:500}.header-nav{display:flex;gap:32px;margin:auto;font-size:11px;color:var(--muted)}.header-nav a{position:relative;padding:12px 0}.header-nav a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header-nav a:hover{color:var(--text)}.header-nav a:hover:after{transform:scaleX(1)}.header-nav i,.status-dot{display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px #98c7b54a}.header-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}.utility-button{border:1px solid var(--line);border-radius:50px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 12px;font-size:9px;letter-spacing:.4px}.utility-button:hover{border-color:var(--accent)}.utility-button svg{width:15px;height:15px;flex-shrink:0}.theme-toggle{width:39px;padding:8px}.hero{max-width:1760px;margin:auto;position:relative;min-height:calc(100svh - 104px);display:grid;grid-template-columns:43% 57%;align-items:center;padding:38px 4.2% 80px}.hero:before{content:'';position:absolute;width:50vw;height:45vw;max-width:850px;max-height:750px;right:4%;top:0;background:radial-gradient(ellipse,#89b59c0c,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:5;padding-top:15px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:2.4px;font-weight:500;color:var(--accent);text-transform:uppercase}.hero .eyebrow{margin-bottom:32px;display:flex;align-items:center;gap:10px}.hero .eyebrow>span{width:25px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(72px,7.4vw,132px);letter-spacing:-.065em;margin-bottom:29px;line-height:.92;font-weight:500;max-width:660px}.hero h1 em{color:var(--accent);letter-spacing:-.065em}.hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:30px;max-width:330px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;padding:17px 23px;border:1px solid var(--line);border-radius:2px;font-size:10px;font-weight:600;transition:background .25s,border-color .25s,transform .25s}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button.primary:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.button:hover{border-color:var(--accent)}.button span{font-size:20px;line-height:1;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:10px;padding:10px 0;border-bottom:1px solid var(--line)}.text-link:hover{border-color:var(--accent);color:var(--accent)}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.7px;color:var(--muted);margin-top:38px}.hero-footnote .status-dot{margin-left:0}.stage-composition{position:relative;align-self:stretch;min-height:600px;isolation:isolate;margin-left:-7%;margin-right:-1%;min-width:0}.exam-stage{position:absolute;inset:20px 0 17px;min-width:0;touch-action:pan-y;isolation:isolate}.exam-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;outline:0;touch-action:pan-y}.stage-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none;opacity:.3;z-index:-1}.orbit-one{inset:10% 1% 10% 1%;transform:rotate(-23deg)}.orbit-two{inset:20% 10%;transform:rotate(26deg)}.stage-topline,.stage-bottomline{position:absolute;z-index:10;left:8%;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:6px;letter-spacing:1.45px;pointer-events:none}.stage-topline{top:2%;right:4%}.stage-bottomline{bottom:3%;right:5%;font-size:7px;letter-spacing:.4px}.stage-topline>span:first-child{color:var(--accent)}.stage-bottomline>span{display:flex;align-items:center;gap:10px}.stage-reset{pointer-events:auto;background:none;border:0;border-bottom:1px solid var(--line);font-size:6px;letter-spacing:1px;padding:8px 0;color:var(--muted)}.stage-reset span{margin-left:7px}.drag-symbol{width:11px;height:11px;border:1px solid var(--muted);transform:rotate(45deg);position:relative}.drag-symbol:before,.drag-symbol:after{content:'';position:absolute;background:var(--muted)}.drag-symbol:before{height:1px;left:-4px;right:-4px;top:4px}.drag-symbol:after{width:1px;top:-4px;bottom:-4px;left:4px}.hero-scroll{position:absolute;bottom:24px;left:4.2%;display:flex;align-items:center;gap:17px;font-size:6px;letter-spacing:1.5px;color:var(--muted)}.hero-scroll i{font-size:21px;font-style:normal;color:var(--accent);line-height:1}.stage-static{position:absolute;inset:15%;display:grid;place-items:center;opacity:.45;pointer-events:none}.static-compass{width:220px;height:220px;border:1px solid var(--accent);display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 0 25px #d9ac7907,0 0 0 50px #d9ac7905}.static-compass span{text-align:center;transform:rotate(-45deg);letter-spacing:7px;color:var(--accent);font-size:16px;line-height:2}.stage-loaded .stage-static{display:none}.stage-hotspot{position:absolute;z-index:8;border:1px solid var(--line);padding:9px 12px;border-radius:3px;background:#112019da;color:#eaf1e6;backdrop-filter:blur(12px);box-shadow:0 7px 22px #0002;white-space:nowrap;font-size:9px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:7px;min-height:34px;pointer-events:auto;transition:background .25s,border-color .25s,box-shadow .25s;transform-origin:center}.stage-hotspot:hover,.stage-hotspot:focus-visible,.stage-hotspot.selected,.stage-hotspot.is-selected{border-color:#d9ac79;background:#4c4930e8;color:#fff4df;box-shadow:0 0 22px #d9ac7920}.stage-hotspot small{font-size:6px;color:#b9c6b8;letter-spacing:1px}.stage-hotspot>span:first-child{color:#d9ac79}.stage-annotation{position:absolute;z-index:7;color:var(--muted);font-size:6px;letter-spacing:1.1px;white-space:nowrap;pointer-events:none}.stage-annotation b{font-weight:400;color:var(--accent)}
.section-shell{max-width:1610px;margin:auto;padding-left:4.2%;padding-right:4.2%}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.quiet-label{color:var(--muted);font-size:9px;letter-spacing:.2px}.examinations{padding-top:28px;padding-bottom:70px}.exam-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exam-choice{position:relative;display:grid;grid-template-columns:23px 1fr 24px;align-items:center;column-gap:12px;padding:28px 20px 26px 0;min-width:0;isolation:isolate}.exam-choice+.exam-choice{padding-left:22px;border-left:1px solid var(--line)}.exam-choice:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#d9ac7910,transparent);opacity:0;z-index:-1;transition:opacity .2s}.exam-choice:after{content:'';position:absolute;left:0;right:0;height:2px;bottom:-1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.exam-choice:hover:before,.exam-choice.selected:before{opacity:1}.exam-choice:hover:after,.exam-choice.selected:after{transform:scaleX(1)}.exam-choice.selected strong{color:var(--accent)}.exam-index{font-size:8px;color:var(--muted);align-self:start;padding-top:8px}.exam-choice strong{font-size:clamp(21px,2vw,32px);font-weight:400;letter-spacing:-1px;line-height:1.2;white-space:nowrap}.exam-choice small{font-size:7px;color:var(--muted);grid-column:2;margin-top:10px;letter-spacing:.4px}.exam-choice>span:last-child{grid-column:3;grid-row:1/3;font-size:20px;color:var(--accent);text-align:right}.expansion-note{display:flex;align-items:center;gap:12px;font-size:9px;padding-top:19px;color:var(--muted)}.expansion-note>span:first-child{font-size:17px;color:var(--accent)}.expansion-note small{margin-left:auto;font-size:8px;color:var(--muted)}.now-open{padding-top:60px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:24px 0 40px}.section-heading h2{font-size:clamp(38px,4.1vw,67px);letter-spacing:-.055em;margin:0;line-height:1.05}.section-heading h2 em{color:var(--accent)}.section-heading p{max-width:320px;font-size:11px;line-height:1.9;margin:0}.feature-study{display:grid;grid-template-columns:47% 53%;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface)}.study-visual{min-height:425px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#446653,#192c24 65%);color:#e9f0e5}.study-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 40px,#d7dfb609 40px 41px),repeating-linear-gradient(90deg,transparent 0 40px,#d7dfb609 40px 41px);transform:perspective(400px) rotateX(30deg) scale(1.3)}.study-visual>svg{position:absolute;left:5%;top:8%;width:90%;height:83%;filter:drop-shadow(0 15px 10px #0003)}.visual-kicker{position:absolute;top:24px;left:25px;font-size:7px;letter-spacing:1.6px;color:#c8ddc9}.visual-north{position:absolute;right:25px;top:25px;text-align:center;font-size:8px;line-height:2;color:#d9b884}.visual-caption{position:absolute;left:25px;bottom:24px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#d4e2ce}.visual-caption>span:last-child{width:32px;height:32px;border:1px solid #c8d9bf55;border-radius:50%;display:grid;place-items:center}.visual-caption svg{position:static;width:15px;height:15px;filter:none}.study-content{padding:46px 45px;display:flex;flex-direction:column;align-items:start}.study-label{font-size:8px;letter-spacing:1.6px;color:var(--teal);display:flex;gap:8px;align-items:center;margin-bottom:20px}.study-label .status-dot{margin:0}.study-content h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,3.2vw,53px);letter-spacing:-1.9px;margin-bottom:18px;line-height:1.04}.study-content>p{font-size:11px;line-height:1.9;max-width:340px;margin-bottom:25px}.study-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin-bottom:26px;gap:10px}.study-stats strong{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;color:var(--accent);line-height:1.2}.study-stats span{font-size:7px;color:var(--muted);letter-spacing:.3px}.study-content .button{margin-top:auto;width:100%}.study-features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.study-features span{font-size:7px;line-height:1.4;padding:5px 7px;border:1px solid var(--line);color:var(--muted)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:80px;padding-bottom:100px;border-top:1px solid var(--line)}.approach-intro h2{font-size:clamp(37px,3.7vw,60px);letter-spacing:-.05em;margin:24px 0;line-height:1.07}.approach-intro h2 em{color:var(--accent)}.approach-intro p{font-size:11px;line-height:1.9;max-width:300px}.approach-steps article{display:flex;align-items:start;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.approach-steps article:first-child{padding-top:0}.approach-steps article>span{font-family:Georgia,serif;font-style:italic;color:var(--accent);font-size:18px;line-height:1.4}.approach-steps h3{font-size:16px;letter-spacing:-.3px;margin-bottom:10px}.approach-steps p{font-size:10px;line-height:1.9;margin:0;max-width:340px}.closing{padding-top:65px;padding-bottom:85px;display:grid;grid-template-columns:1fr 200px;position:relative;border-top:1px solid var(--line)}.closing>.eyebrow{grid-column:1/-1}.closing h2{font-size:clamp(36px,4.2vw,66px);letter-spacing:-.055em;line-height:1.12;margin:23px 0 0}.closing h2 em{color:var(--accent)}.round-link{width:130px;height:130px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;justify-self:end;align-self:end;transition:background .3s,border-color .3s}.round-link span{font-size:6px;letter-spacing:1px}.round-link svg{width:30px;height:30px;color:var(--accent)}.round-link:hover{background:var(--surface);border-color:var(--accent)}.site-footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line)}.footer-brand{font-size:13px;letter-spacing:2px;font-weight:600;flex-shrink:0}.footer-brand span{display:block;font-size:5px;letter-spacing:1.8px;color:var(--muted);margin-top:6px;font-weight:400}.site-footer p{font-size:7px;line-height:1.8;margin:0}.site-footer>a:last-child{font-size:8px;color:var(--muted)}.site-footer>a:last-child span{color:var(--accent);margin-left:14px}.noscript-note{padding:30px;text-align:center;background:var(--surface)}.noscript-note a{text-decoration:underline}.subject-view{padding-bottom:90px;padding-top:30px}.subject-breadcrumb{font-size:8px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:28px}.subject-breadcrumb a{color:var(--accent)}.subject-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}.subject-heading h2{font-size:clamp(38px,4.2vw,66px);letter-spacing:-.055em;margin:0}.subject-heading h2 em{color:var(--accent)}.subject-heading p{font-size:11px;line-height:1.8;max-width:330px;margin:0}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.subject-grid .feature-study{grid-column:1/-1}.coming-subject{border:1px solid var(--line);padding:29px;min-height:190px;display:flex;flex-direction:column;align-items:start;background:linear-gradient(120deg,var(--surface),transparent);position:relative}.coming-subject .subject-index{font-size:8px;color:var(--muted);margin-bottom:17px}.coming-subject h3{font-size:25px;letter-spacing:-.7px;margin-bottom:12px}.coming-subject p{font-size:10px;line-height:1.9;max-width:300px;margin:0}.soon-badge{display:inline-flex;border:1px solid var(--line);font-size:6px;letter-spacing:1.2px;padding:4px 8px;color:var(--muted);position:absolute;top:29px;right:29px;white-space:nowrap}.expansion-subject{background:transparent;border-style:dashed;justify-content:center}.expansion-subject .subject-index{font-size:25px;color:var(--accent);line-height:1}.expansion-subject h3{font-size:20px}.empty-exam{display:grid;grid-template-columns:100px 1fr;align-items:start;gap:35px;border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),transparent);padding:55px;margin-bottom:20px}.empty-exam>svg{width:70px;height:70px;color:var(--accent);opacity:.6}.empty-exam h3{font-family:Georgia,serif;font-size:36px;letter-spacing:-1px;line-height:1.2;max-width:550px;margin-bottom:20px}.empty-exam p{max-width:480px;font-size:12px;line-height:1.9;margin-bottom:25px}.empty-exam .soon-badge{position:static;margin-bottom:22px}.empty-exam .text-link{color:var(--accent)}.exam-mode .hero{min-height:530px;padding-bottom:50px;padding-top:20px}.exam-mode .hero h1{font-size:clamp(76px,9vw,145px)}.exam-mode .hero-copy>p{max-width:350px}.exam-mode .hero .eyebrow{margin-bottom:25px}.exam-mode .hero-footnote{margin-top:22px}.exam-mode .stage-composition{min-height:500px}.exam-mode .hero-scroll{display:none}.exam-mode .examinations{padding-bottom:30px}.exam-mode .examinations .section-topline{display:none}.exam-mode .exam-choice{padding-top:20px;padding-bottom:20px}.exam-mode .exam-choice strong{font-size:24px}.exam-mode .expansion-note{display:none}.exam-mode .approach{padding-top:55px}.route-fade{animation:route-in .5s both}@keyframes route-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{grid-template-columns:42% 58%}.hero-copy>p{font-size:14px}.stage-composition{min-height:720px}.exam-stage{inset:15px -2% 15px -5%}.hero h1{font-size:135px}}
@media(max-width:1150px){.site-header{padding:0 4%;gap:20px;height:90px}.brand{font-size:14px;letter-spacing:2px}.brand svg{width:35px;height:35px}.header-nav{gap:20px;font-size:10px}.hero{min-height:680px;padding-top:25px;padding-bottom:60px;grid-template-columns:45% 55%}.hero h1{font-size:clamp(72px,8vw,105px)}.stage-composition{min-height:570px;margin-left:-16%;margin-right:-4%}.hero-copy>p{font-size:12px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 17px;font-size:9px;gap:18px}.text-link{font-size:9px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.stage-coordinates{display:none}.stage-topline{left:13%}.stage-bottomline{left:13%;right:8%}.exam-choice{grid-template-columns:18px 1fr 17px;gap:7px}.exam-choice+.exam-choice{padding-left:16px}.exam-choice strong{font-size:25px}.study-content{padding:35px}.study-visual{min-height:400px}.study-content h3{font-size:43px}.approach{gap:8%}.closing h2{font-size:52px}}
@media(max-width:850px){.header-nav a:last-child{display:none}.site-header{height:82px}.brand{font-size:13px}.brand small{font-size:5px}.header-nav{margin-left:auto;margin-right:5px;gap:18px}.utility-label{display:none}.utility-button{width:36px;height:36px;min-height:36px;padding:8px}.header-controls{gap:7px}.hero{grid-template-columns:1fr 1fr;min-height:630px;padding-top:30px}.hero h1{font-size:76px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:8px}.hero-copy>p{font-size:11px;max-width:260px}.hero-footnote{font-size:6px;letter-spacing:1.2px}.stage-composition{min-height:500px;margin-left:-22%;margin-right:-10%}.stage-bottomline{font-size:6px;right:10%;left:18%}.stage-reset{display:none}.stage-topline{font-size:5px;left:16%;top:7%}.hero .eyebrow{font-size:6px;letter-spacing:1.3px}.hero .eyebrow>span{width:17px}.hero-scroll{font-size:5px}.exam-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-choice:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.exam-choice:nth-child(4){border-top:1px solid var(--line)}.exam-choice{padding-top:23px;padding-bottom:23px}.exam-choice strong{font-size:29px}.exam-choice+.exam-choice{padding-left:23px}.section-heading{gap:25px}.section-heading h2{font-size:46px}.section-heading p{font-size:10px;max-width:260px}.feature-study{grid-template-columns:42% 58%}.study-content{padding:28px}.study-content h3{font-size:35px}.study-content>p{font-size:10px}.study-visual{min-height:400px}.study-stats strong{font-size:23px}.study-stats span{font-size:6px}.study-content .button{font-size:9px;padding:14px 17px}.approach-intro h2{font-size:44px}.approach{gap:7%;padding-top:60px;padding-bottom:70px}.closing{padding-top:50px;padding-bottom:60px;grid-template-columns:1fr 130px}.closing h2{font-size:44px}.round-link{width:110px;height:110px}.site-footer{gap:25px}.site-footer>a:last-child{max-width:170px}.exam-mode .hero{min-height:460px}.exam-mode .stage-composition{min-height:430px}.exam-mode .hero h1{font-size:90px}.empty-exam{padding:35px;grid-template-columns:70px 1fr;gap:25px}.empty-exam>svg{width:55px;height:55px}.empty-exam h3{font-size:30px}}
@media(max-width:620px){html{scroll-padding-top:25px}.site-header{height:77px;padding:0 20px;gap:10px}.brand{font-size:12px;gap:8px;letter-spacing:1.4px}.brand svg{width:29px;height:29px}.brand small{font-size:4px;letter-spacing:1.5px;margin-top:7px}.header-nav{display:none}.header-controls{margin-left:auto;gap:7px}.utility-button{width:34px;height:34px;min-height:34px}.utility-button svg{width:14px;height:14px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:36px 22px 25px;overflow:hidden}.hero-copy{padding-top:0;pointer-events:auto}.hero .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:24px}.hero h1{font-size:clamp(68px,17vw,105px);letter-spacing:-.065em;line-height:.91;margin-bottom:23px;max-width:500px}.hero-copy>p{font-size:11px;line-height:1.8;max-width:310px;margin-bottom:24px}.hero-actions{gap:23px}.hero-actions .button{font-size:9px;padding:14px 18px;gap:21px}.hero-actions .text-link{font-size:9px}.hero-footnote{margin-top:23px;font-size:5.5px;letter-spacing:1.3px}.stage-composition{min-height:365px;margin:-6px -36px 0 -36px;align-self:stretch}.exam-stage{inset:5px 0 16px}.stage-topline{left:10%;right:10%;top:6%;font-size:5px;letter-spacing:1.4px}.stage-bottomline{left:10%;right:10%;bottom:0;font-size:6px;justify-content:center}.stage-reset{display:none}.stage-orbit{opacity:.22}.orbit-one{inset:12% 9% 13%}.orbit-two{inset:22% 18%}.hero-scroll{display:none}.stage-hotspot{font-size:7px;padding:7px 9px;min-height:30px;border-radius:3px}.stage-hotspot small{font-size:5px}.stage-annotation{font-size:5px;letter-spacing:.8px}.section-shell{padding-left:22px;padding-right:22px}.examinations{padding-top:18px;padding-bottom:44px}.section-topline{margin-bottom:15px;gap:10px}.section-topline .eyebrow{font-size:6px;letter-spacing:1.5px}.quiet-label{font-size:6px;max-width:110px;text-align:right}.exam-choice{padding-top:22px;padding-bottom:22px;grid-template-columns:15px 1fr 15px;gap:6px}.exam-choice+.exam-choice{padding-left:17px}.exam-choice:nth-child(3){padding-left:0}.exam-choice strong{font-size:25px;letter-spacing:-1px}.exam-index{font-size:6px;padding-top:7px}.exam-choice small{font-size:6px;margin-top:8px;letter-spacing:0}.exam-choice>span:last-child{font-size:17px}.expansion-note{font-size:7px;gap:9px;padding-top:15px}.expansion-note>span:first-child{font-size:15px}.expansion-note small{display:none}.now-open{padding-top:30px;padding-bottom:50px}.eyebrow{font-size:7px;letter-spacing:1.8px}.section-heading{display:block;margin:20px 0 25px}.section-heading h2{font-size:42px;letter-spacing:-2.1px;max-width:340px}.section-heading p{margin-top:19px;max-width:340px;font-size:10px;line-height:1.9}.feature-study{grid-template-columns:1fr}.study-visual{min-height:285px}.study-visual>svg{left:7%;top:8%;width:86%;height:86%}.visual-kicker{font-size:6px;top:20px;left:20px}.visual-north{right:20px;top:20px}.visual-caption{left:20px;right:20px;bottom:19px;font-size:6px}.study-content{padding:28px 23px}.study-label{font-size:6px;letter-spacing:1.4px;margin-bottom:18px}.study-content h3{font-size:42px;letter-spacing:-1.6px}.study-content>p{font-size:10px;max-width:100%;margin-bottom:23px}.study-stats{padding:17px 0;margin-bottom:23px;gap:12px}.study-stats strong{font-size:27px}.study-stats span{font-size:6px}.study-features{margin-bottom:24px;gap:6px}.study-features span{font-size:6px}.study-content .button{padding:15px 18px}.approach{display:block;padding-top:40px;padding-bottom:48px}.approach-intro h2{font-size:40px;letter-spacing:-1.7px;margin:20px 0}.approach-intro p{font-size:10px;max-width:330px}.approach-steps{margin-top:32px}.approach-steps article{gap:20px;padding:24px 0}.approach-steps article:first-child{padding-top:0}.approach-steps article>span{font-size:17px}.approach-steps h3{font-size:16px}.approach-steps p{font-size:10px}.closing{padding-top:40px;padding-bottom:42px;display:block}.closing h2{font-size:37px;letter-spacing:-1.9px;margin-top:22px;line-height:1.13}.round-link{width:100px;height:100px;margin-top:30px;gap:12px}.round-link span{font-size:5px}.round-link svg{width:25px;height:25px}.site-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:28px;padding-bottom:28px;gap:22px}.footer-brand{font-size:11px;letter-spacing:1.4px}.footer-brand span{font-size:4px;letter-spacing:1.4px}.site-footer p{font-size:6px}.site-footer>a:last-child{grid-column:1/-1;font-size:7px;max-width:none}.subject-view{padding-top:15px;padding-bottom:45px}.subject-heading{display:block;margin-bottom:24px}.subject-heading h2{font-size:42px;letter-spacing:-2px}.subject-heading p{font-size:10px;margin-top:18px;max-width:330px}.subject-breadcrumb{font-size:7px;margin-bottom:22px}.subject-grid{grid-template-columns:1fr;gap:12px}.subject-grid .feature-study{grid-column:auto}.coming-subject{padding:24px;min-height:180px}.coming-subject h3{font-size:25px}.coming-subject p{font-size:10px}.soon-badge{top:24px;right:24px;font-size:5px}.expansion-subject{min-height:165px}.exam-mode .hero{padding-top:30px;padding-bottom:18px;min-height:0}.exam-mode .hero .eyebrow{margin-bottom:22px}.exam-mode .hero h1{font-size:clamp(68px,20vw,98px);margin-bottom:24px}.exam-mode .hero-copy>p{max-width:330px;font-size:11px}.exam-mode .hero-actions{gap:20px}.exam-mode .hero-footnote{margin-top:20px}.exam-mode .stage-composition{min-height:320px;margin-top:0}.exam-mode .examinations{padding-top:0;padding-bottom:30px}.exam-mode .exam-choice strong{font-size:23px}.exam-mode .exam-choice{padding-top:17px;padding-bottom:17px}.empty-exam{display:block;padding:29px 23px}.empty-exam>svg{width:46px;height:46px;margin-bottom:24px}.empty-exam h3{font-size:31px;letter-spacing:-1px}.empty-exam p{font-size:10px;line-height:1.9}.empty-exam .soon-badge{margin-bottom:20px}.exam-mode .approach{padding-top:40px}}
@media(max-width:360px){.site-header{padding:0 16px}.brand{font-size:11px;gap:6px}.brand svg{width:26px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:69px}.hero-actions{gap:16px}.hero-actions .button{padding:13px 15px}.hero-actions .text-link{font-size:8px}.section-shell{padding-left:18px;padding-right:18px}.exam-choice strong{font-size:23px}.exam-choice+.exam-choice{padding-left:14px}.exam-choice:nth-child(3){padding-left:0}.exam-choice small{font-size:5.5px}.study-content{padding:26px 20px}.study-stats span{font-size:5.5px}.subject-heading h2{font-size:38px}.stage-hotspot{padding:6px 7px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.route-fade{animation:none}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
@media print{.site-header,.stage-composition,.hero-scroll,.header-controls{display:none!important}body{background:white;color:black}.hero{display:block;min-height:0}.hero h1{font-size:50px}.section-shell,.hero{padding:20px}.feature-study,.exam-selector,.approach{break-inside:avoid}.study-visual{display:none}.feature-study{grid-template-columns:1fr}}

/* Projected scene labels remain compact and readable beside their 3D beacons. */
.stage-hotspot{display:grid;grid-template-columns:6px auto;column-gap:8px;row-gap:3px;text-align:left;min-height:39px;padding:9px 12px}.stage-hotspot-dot{width:4px;height:4px;border-radius:50%;background:#d9ac79;box-shadow:0 0 8px #d9ac7955;grid-column:1;grid-row:1/3;align-self:center}.stage-hotspot-name{grid-column:2;font-size:10px;letter-spacing:.2px}.stage-hotspot-state{grid-column:2;font-size:5px;letter-spacing:1px;text-transform:uppercase;color:#b2c3b2}.stage-hotspot.is-hovered{border-color:#d9ac79;background:#293c2ae8}.stage-hotspot.is-selected .stage-hotspot-state{color:#ead4ae}@media(max-width:620px){.stage-hotspot{padding:7px 9px;min-height:34px;column-gap:6px}.stage-hotspot-name{font-size:8px}.stage-hotspot-state{font-size:4.5px;letter-spacing:.7px}}

@media(max-width:600px){.stage-hotspot{min-height:44px}.utility-button{min-width:44px;min-height:44px}}

/* Decorative orbital rings stay inside the hero without creating sideways scroll. */
.hero{overflow:hidden}.stage-hotspot-name{font-size:11px}.stage-hotspot-state{font-size:7px;letter-spacing:.65px}@media(max-width:620px){.stage-hotspot-name{font-size:10px}.stage-hotspot-state{font-size:6.5px;letter-spacing:.55px}}

/* Readable type scale: the editorial headings stay large; supporting copy no longer
   relies on miniature labels, particularly on phones. */
body{font-size:17px}
.brand{font-size:19px}.brand small{font-size:9px;letter-spacing:1.25px}
.header-nav{font-size:14px;gap:28px}.utility-button{font-size:12px}
.eyebrow,.hero .eyebrow,.section-topline .eyebrow{font-size:11px;letter-spacing:1.9px}
.hero-copy>p,.exam-mode .hero-copy>p{font-size:16px;line-height:1.8;max-width:390px}
.button,.hero-actions .button,.study-content .button{font-size:14px;line-height:1.45;gap:20px}
.text-link,.hero-actions .text-link{font-size:13px;line-height:1.55}
.hero-footnote,.exam-mode .hero-footnote{font-size:10px;letter-spacing:1.25px}
.stage-topline{font-size:10px;letter-spacing:1px}.stage-bottomline{font-size:11px;letter-spacing:.15px}
.stage-reset{font-size:10px;letter-spacing:.65px}.stage-annotation{font-size:9px;letter-spacing:.65px}
.hero-scroll{font-size:10px;letter-spacing:1px}.quiet-label{font-size:12px}
.exam-index{font-size:11px}.exam-choice small{font-size:12px;line-height:1.6;letter-spacing:.1px}
.expansion-note{font-size:13px;line-height:1.6}.expansion-note small{font-size:12px}
.section-heading p,.subject-heading p{font-size:16px;line-height:1.8;max-width:395px}
.visual-kicker{font-size:10px;letter-spacing:1px}.visual-north{font-size:12px}
.visual-caption{font-size:10px;letter-spacing:.55px;gap:16px}
.study-label{font-size:11px;letter-spacing:1.25px}
.study-content>p{font-size:16px;line-height:1.8;max-width:420px}
.study-stats strong{font-size:33px}.study-stats span{display:block;font-size:12px;line-height:1.6;letter-spacing:0}
.study-features{gap:8px}.study-features span{font-size:11px;line-height:1.5;padding:6px 8px}
.approach-intro p{font-size:16px;line-height:1.8;max-width:390px}
.approach-steps h3{font-size:20px;line-height:1.3}.approach-steps p{font-size:15px;line-height:1.8;max-width:430px}
.approach-steps article>span{font-size:22px}
.round-link{width:145px;height:145px}.round-link span{font-size:9px;letter-spacing:.6px}
.footer-brand{font-size:16px}.footer-brand span{font-size:9px;letter-spacing:1px}
.site-footer p{font-size:12px;line-height:1.7}.site-footer>a:last-child{font-size:12px;line-height:1.7}
.subject-breadcrumb{font-size:12px;line-height:1.6}.coming-subject .subject-index{font-size:12px}
.coming-subject p,.empty-exam p{font-size:15px;line-height:1.8;max-width:500px}
.soon-badge{font-size:10px;letter-spacing:.8px}.expansion-subject .subject-index{font-size:29px}
.stage-hotspot{min-height:44px;padding:10px 12px}
.stage-hotspot-name{font-size:13px;line-height:1.25;letter-spacing:.1px}
.stage-hotspot-state{font-size:9px;line-height:1.35;letter-spacing:.65px}
.stage-hotspot small{font-size:9px}
@media(max-width:1150px){
 .brand{font-size:17px}.brand small{font-size:8px}.header-nav{font-size:13px;gap:23px}
 .hero-copy>p,.exam-mode .hero-copy>p{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:1.45px}
 .hero-actions .button{padding:15px 19px;font-size:13px}.hero-actions .text-link{font-size:12px}
 .study-content{padding:32px}.study-content>p{font-size:15px}.study-content .button{font-size:13px}
 .study-stats span{font-size:11px}.section-heading p,.subject-heading p{font-size:15px}
}
@media(max-width:1100px){
 .exam-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
 .exam-choice:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}
 .exam-choice:nth-child(4){border-top:1px solid var(--line)}
 .exam-choice strong{font-size:30px}
}
@media(max-width:850px){
 .brand{font-size:16px}.brand small{font-size:8px;letter-spacing:1px}
 .header-nav{font-size:12px;gap:20px}
 .hero-copy>p,.exam-mode .hero-copy>p{font-size:15px;line-height:1.8}
 .hero-footnote,.exam-mode .hero-footnote{font-size:9px;letter-spacing:1px}
 .hero .eyebrow{font-size:10px;letter-spacing:1.25px}
 .stage-topline{font-size:9px;letter-spacing:.8px}.stage-bottomline{font-size:10px}
 .section-heading p,.subject-heading p{font-size:15px;max-width:340px}
 .study-content{padding:27px}.study-content>p{font-size:15px}
 .study-label{font-size:10px}.study-stats strong{font-size:29px}.study-stats span{font-size:11px}
 .study-features span{font-size:10px}
 .approach-intro p{font-size:15px}.approach-steps h3{font-size:18px}.approach-steps p{font-size:14px}
 .round-link{width:125px;height:125px}.round-link span{font-size:8px}
 .site-footer{gap:25px}.site-footer>a:last-child{max-width:210px}
}
@media(max-width:620px){
 body{font-size:16px}.brand{font-size:14px;letter-spacing:1.2px}.brand small{font-size:7px;letter-spacing:.9px}
 .eyebrow,.hero .eyebrow,.section-topline .eyebrow,.exam-mode .hero .eyebrow{font-size:10px;letter-spacing:1.25px}
 .hero-copy>p,.exam-mode .hero-copy>p{font-size:15px;line-height:1.8;max-width:360px}
 .hero-actions{gap:15px 22px}.hero-actions .button,.study-content .button{font-size:13px;padding:15px 18px}
 .hero-actions .text-link,.text-link{font-size:12px}
 .hero-footnote,.exam-mode .hero-footnote{font-size:9px;letter-spacing:.8px}
 .stage-topline{font-size:9px;letter-spacing:.7px}.stage-bottomline{font-size:10px;line-height:1.6}
 .stage-annotation{font-size:8px;letter-spacing:.4px}.quiet-label{font-size:11px;max-width:130px}
 .exam-index{font-size:10px}.exam-choice small{font-size:11px;line-height:1.5;letter-spacing:0}
 .exam-choice{column-gap:7px;padding-top:24px;padding-bottom:24px}.exam-choice strong{font-size:27px}
 .exam-mode .exam-choice strong{font-size:25px}
 .expansion-note{font-size:12px;line-height:1.6;gap:9px}
 .section-heading p,.subject-heading p{font-size:15px;line-height:1.8;max-width:360px}
 .visual-kicker{font-size:10px;letter-spacing:.8px;max-width:calc(100% - 65px)}
 .visual-north{font-size:11px}.visual-caption{font-size:9px;letter-spacing:.45px;gap:12px}
 .study-label{font-size:10px;letter-spacing:1px}.study-content>p{font-size:15px;line-height:1.8}
 .study-stats{gap:10px}.study-stats strong{font-size:31px}.study-stats span{font-size:11px;line-height:1.55}
 .study-features span{font-size:10px;line-height:1.5;padding:6px 7px}
 .approach-intro p{font-size:15px;line-height:1.8}.approach-steps h3{font-size:18px;line-height:1.3}
 .approach-steps p{font-size:14px;line-height:1.8}.approach-steps article>span{font-size:20px}
 .round-link{width:115px;height:115px}.round-link span{font-size:8px;letter-spacing:.45px}
 .footer-brand{font-size:14px;letter-spacing:1.1px}.footer-brand span{font-size:8px;letter-spacing:.55px}
 .site-footer p{font-size:11px;line-height:1.7}.site-footer>a:last-child{font-size:12px;max-width:none}
 .subject-breadcrumb{font-size:11px}.coming-subject .subject-index{font-size:11px}
 .coming-subject p,.empty-exam p{font-size:14px;line-height:1.8}
 .soon-badge{font-size:9px;letter-spacing:.65px}.expansion-subject .subject-index{font-size:27px}
 .stage-hotspot{min-height:44px;padding:9px 10px;column-gap:7px}
 .stage-hotspot-name{font-size:12px;line-height:1.25}.stage-hotspot-state{font-size:8px;line-height:1.3;letter-spacing:.4px}
}
@media(max-width:360px){
 .brand{font-size:13px}.brand small{font-size:7px;letter-spacing:.75px}
 .hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-actions{gap:13px 18px}
 .hero-actions .button{font-size:13px;padding:14px 16px}.hero-actions .text-link{font-size:12px}
 .exam-choice strong{font-size:25px}.exam-choice small{font-size:10px}.exam-mode .exam-choice strong{font-size:23px}
 .study-content{padding:26px 20px}.study-stats span{font-size:10px}
 .stage-hotspot-name{font-size:11px}.stage-hotspot-state{font-size:8px}
}
/* The silk is decorative; its WebGL canvas never scales or distorts readable text. */
.study-visual canvas.silk-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;display:block}
.study-visual.silk-ready>svg{opacity:0}
.study-visual .visual-kicker,.study-visual .visual-north,.study-visual .visual-caption{z-index:2}
.study-visual .visual-caption svg{width:15px;height:15px;flex:0 0 15px;position:static}

/* Icon geometry and dimensions are independent of the browser's text/emoji fonts. */
.vector-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.vector-arrow>svg{display:block;width:18px;height:18px;max-width:none;flex:0 0 18px}.visual-north>svg{display:block;width:12px;height:12px;margin:4px auto 0}.expansion-note .vector-arrow>svg{width:24px;height:24px}.study-visual canvas.silk-panel-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

.study-visual:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#10251bd9,transparent 27%,transparent 72%,#10251bd9)}.study-visual .visual-kicker,.study-visual .visual-north,.study-visual .visual-caption{z-index:3}.utility-button>svg{width:18px;height:18px;flex:0 0 18px}

/* A single oversized wordmark shares depth with the compass, rather than
   repeating a headline beside it. The copy and controls retain their own layer. */
.hero-copy{z-index:auto}.hero-copy>p,.hero-actions,.hero-footnote,.hero-copy>.eyebrow{position:relative;z-index:5}
.stage-composition{z-index:2}
.hero h1.home-wordmark{position:relative;z-index:1;width:max-content;max-width:none;font-size:clamp(104px,13.5vw,230px);line-height:.94;letter-spacing:-.085em;white-space:nowrap;margin-left:-.02em;margin-bottom:30px;transform:translate3d(calc(var(--brand-scroll,0)*-24px),calc(var(--brand-scroll,0)*38px),0);opacity:calc(1 - var(--brand-scroll,0)*.17);will-change:transform}
.home-wordmark .wordmark-fauji{display:inline-block;color:var(--text);font-weight:500}
.home-wordmark em{display:inline-block;color:var(--accent);letter-spacing:-.08em;margin-left:-.015em;font-weight:400}
.hero-copy>p{max-width:390px}
.exam-mode .hero-copy{z-index:5}
html[data-motion="off"] .hero h1.home-wordmark{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.hero h1.home-wordmark{transform:none;will-change:auto}}

/* Precise copper/glass controls use vector paths in fixed-size icon slots. */
.button{position:relative;isolation:isolate;border-radius:7px;min-height:54px;padding:15px 20px;font-weight:500;letter-spacing:.1px;background:linear-gradient(135deg,#ffffff06,#ffffff00);box-shadow:inset 0 1px 0 #ffffff0d;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#ffffff12,transparent 55%);pointer-events:none}
.button.primary{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 1px 0 #fff4,0 5px 18px #00000012}
.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff1a,0 9px 24px #00000018}
.button:active{transform:translateY(0);box-shadow:inset 0 2px 5px #00000012}
.button .vector-arrow{width:30px;height:30px;flex:0 0 30px;border-radius:50%;border:1px solid currentColor;opacity:.82}
.button .vector-arrow>svg{width:16px;height:16px;flex:0 0 16px}
.utility-button{background:linear-gradient(140deg,#ffffff06,transparent);border-color:var(--line);transition:background .2s,border-color .2s,box-shadow .2s}
.utility-button:hover{background:#d9ac790c;box-shadow:0 0 0 3px #d9ac7908}
.utility-button>svg{width:18px;height:18px;flex:0 0 18px}
.text-link{transition:color .2s,border-color .2s}.text-link .vector-arrow>svg{width:17px;height:17px;flex:0 0 17px}
html[data-motion="off"] .button:hover,html[data-motion="off"] .button:active{transform:none}

/* Numbered, restrained glass labels stay attached to the 3D examination nodes. */
.stage-hotspot{grid-template-columns:16px auto;column-gap:9px;row-gap:4px;border-radius:5px;padding:10px 13px 10px 11px;border-color:#c2d0bb3b;background:linear-gradient(130deg,#1b2c22e8,#102018eb);box-shadow:inset 0 1px 0 #e8f0de0d,0 5px 15px #0000001a;backdrop-filter:blur(10px)}
.stage-hotspot:before{content:'00';grid-column:1;grid-row:1/3;align-self:center;color:#d9b689;font-size:9px;letter-spacing:.2px;border-right:1px solid #c3d0b62e;padding-right:7px;line-height:22px}
.stage-hotspot[data-exam-id="part-b"]:before{content:'01'}.stage-hotspot[data-exam-id="part-d"]:before{content:'02'}.stage-hotspot[data-exam-id="dssc"]:before{content:'03'}.stage-hotspot[data-exam-id="signal-yos"]:before{content:'04'}
.stage-hotspot-dot{position:absolute;right:7px;top:7px;width:3px;height:3px;box-shadow:0 0 5px #d9ac7955}
.stage-hotspot-name{font-size:13px;letter-spacing:.15px;font-weight:500;color:#f0f3e8;padding-right:4px}
.stage-hotspot-state{font-size:9px;letter-spacing:.55px;color:#b8c7b6}
.stage-hotspot:hover,.stage-hotspot.is-hovered,.stage-hotspot.is-selected{background:linear-gradient(130deg,#3d4230ed,#1a2c20ed);border-color:#d6b5859c;box-shadow:inset 0 1px 0 #f4e5c31a,0 6px 20px #00000020}
html[data-theme="light"] .stage-hotspot{background:linear-gradient(130deg,#f4f0e3ed,#e6e8d9ed);border-color:#53684d55;box-shadow:inset 0 1px 0 #fff8,0 5px 16px #23372410}
html[data-theme="light"] .stage-hotspot-name{color:#203b29}html[data-theme="light"] .stage-hotspot-state{color:#536b50}
html[data-theme="light"] .stage-hotspot:before{color:#8c6034;border-right-color:#53684d38}
html[data-theme="light"] .stage-hotspot.is-selected,html[data-theme="light"] .stage-hotspot:hover{border-color:#9b7349aa;background:#e8e4d2f5}
html[data-theme="light"] .stage-hotspot.is-selected .stage-hotspot-state{color:#52634a}

/* Two independent hanging textile panels. Rollers stay fixed at the top;
   SilkPanel unfolds the map and reading surface beneath each one. */
.feature-study.hanging-study{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;border:0;border-radius:0;background:transparent;overflow:visible;align-items:stretch;padding-top:22px}
.hanging-study .silk-scroll{--silk-top-inset:32px;position:relative;isolation:isolate;min-width:0;min-height:600px;border:0;border-radius:0;overflow:visible;background:linear-gradient(90deg,#21362b,#2b4434 48%,#20362a);box-shadow:none}
.hanging-study .study-content{display:block;padding:0;color:var(--text);background:linear-gradient(90deg,var(--surface),var(--surface2) 52%,var(--surface))}
.hanging-study .silk-scroll.silk-ready{background:transparent}
.hanging-study .study-visual.silk-ready:before,.hanging-study .study-visual.silk-ready:after{opacity:0}
.hanging-study .study-visual>svg{left:4%;top:13%;width:92%;height:73%;position:absolute;z-index:0;transition:opacity .2s}
.hanging-study .study-visual.silk-ready>svg{opacity:0}
.hanging-study .study-visual canvas.silk-panel-canvas,.hanging-study .study-content canvas.silk-panel-canvas,.hanging-study .silk-scroll canvas.silk-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}
.hanging-study .visual-kicker{top:65px;left:28px;right:55px;z-index:3}
.hanging-study .visual-north{top:61px;right:25px;z-index:3}
.hanging-study .visual-caption{left:28px;right:28px;bottom:28px;z-index:3}
.hanging-study .visual-caption svg{position:static;width:15px;height:15px;flex:0 0 15px;filter:none}
.hanging-study .study-visual.silk-ready .visual-kicker,.hanging-study .study-visual.silk-ready .visual-north{opacity:clamp(0,calc((var(--silk-unroll,1) - .16)*8),1)}
.hanging-study .study-visual.silk-ready .visual-caption{opacity:clamp(0,calc((var(--silk-unroll,1) - .86)*10),1)}
.study-content-copy{position:relative;z-index:3;min-height:600px;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:72px 38px 35px;clip-path:inset(0 0 max(0px,calc(100% - var(--silk-edge-y,100%))) 0)}
.study-content-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:420px;margin-bottom:25px}
.study-content-copy .study-stats{margin-top:0}.study-content-copy .button{margin-top:auto;width:100%;font-size:14px;min-height:56px}
.study-content-copy:focus-within{clip-path:none}
.scroll-roller{position:absolute;left:-9px;right:-9px;top:21px;height:22px;border-radius:12px;background:linear-gradient(180deg,#4a4232 0%,#aa9369 17%,#e1c398 34%,#a08760 51%,#514b36 76%,#2d3425 100%);border:1px solid #c9b28a66;box-shadow:0 8px 17px #0000001f,inset 0 1px 0 #f5dfb983;z-index:7;pointer-events:none}
.scroll-roller:after{content:'';position:absolute;left:17px;right:17px;height:1px;top:7px;background:#fff3}
.scroll-roller i{position:absolute;top:-3px;width:14px;height:28px;border:1px solid #c2ab7c73;border-radius:50%;background:linear-gradient(90deg,#273326,#a99162 50%,#3c442e);box-shadow:0 2px 4px #0003}
.scroll-roller i:first-child{left:-5px}.scroll-roller i:last-child{right:-5px}
.scroll-cords{position:absolute;left:26px;right:26px;top:-14px;height:38px;border-left:1px solid var(--accent);border-right:1px solid var(--accent);opacity:.45;z-index:0;pointer-events:none}
.scroll-cords:before,.scroll-cords:after{content:'';position:absolute;top:-2px;width:4px;height:4px;border:1px solid var(--accent);border-radius:50%;background:var(--bg)}
.scroll-cords:before{left:-2.5px}.scroll-cords:after{right:-2.5px}
html[data-motion="off"] .study-content-copy{clip-path:none}
@media(prefers-reduced-motion:reduce){.study-content-copy{clip-path:none}}
@media(max-width:1150px){.hero h1.home-wordmark{font-size:clamp(104px,13.5vw,170px)}.feature-study.hanging-study{gap:25px}.study-content-copy{padding:70px 27px 30px}.study-content-copy>p{font-size:16px}.study-content-copy .button{font-size:13px}}
@media(max-width:850px){.hero h1.home-wordmark{font-size:clamp(98px,13.5vw,140px)}.feature-study.hanging-study{gap:23px}.hanging-study .silk-scroll,.study-content-copy{min-height:650px}.study-content-copy{padding:69px 25px 28px}.study-content-copy>p{font-size:15px}.hanging-study .visual-kicker{font-size:10px;left:20px;right:48px}.hanging-study .visual-caption{left:20px;right:20px;font-size:9px}.study-content-copy .study-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.study-content-copy .study-stats strong{font-size:29px}.study-content-copy .study-stats span{font-size:10px}}
@media(max-width:620px){
 .hero h1.home-wordmark{font-size:clamp(64px,19vw,114px);letter-spacing:-.075em;width:max-content;margin-top:0;margin-bottom:27px;line-height:1.04}
 .hero-copy>p{max-width:360px}.hero-copy,.exam-mode .hero-copy{z-index:4}.hero-actions .button{min-height:54px}
 .button{border-radius:6px;min-height:52px}.button .vector-arrow{width:27px;height:27px;flex-basis:27px}.button .vector-arrow>svg{width:15px;height:15px;flex-basis:15px}
 .stage-hotspot{padding:9px 10px;grid-template-columns:14px auto;column-gap:7px}.stage-hotspot:before{font-size:8px;padding-right:5px}.stage-hotspot-name{font-size:12px}.stage-hotspot-state{font-size:8px;letter-spacing:.4px}
 .feature-study.hanging-study{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:22px}
 .hanging-study .silk-scroll{min-height:470px}.hanging-study .study-content{min-height:580px}
 .study-content-copy{min-height:580px;padding:69px 25px 30px}
 .hanging-study .visual-kicker{top:65px;left:24px;right:50px;font-size:10px}.hanging-study .visual-north{top:61px;right:22px}
 .hanging-study .visual-caption{left:24px;right:24px;bottom:26px;font-size:9px}
 .hanging-study .study-visual>svg{left:3%;top:17%;width:94%;height:68%}
 .study-content-copy>p{font-size:15px;max-width:100%}.study-content-copy .study-stats span{font-size:11px}.study-content-copy .study-stats strong{font-size:31px}
 .scroll-roller{left:-5px;right:-5px;height:20px;top:22px}.scroll-roller i{height:26px;width:12px}.scroll-cords{left:23px;right:23px}
}
@media(max-width:360px){.hero h1.home-wordmark{font-size:64px}.stage-hotspot-name{font-size:11px}.stage-hotspot-state{font-size:8px}.study-content-copy{padding-left:21px;padding-right:21px}.hanging-study .visual-caption{font-size:8.5px;letter-spacing:.25px}.study-content-copy .button{font-size:12px;padding:14px 15px;gap:12px}.study-content-copy .study-stats span{font-size:10px}}

/* The travelling compass creates an actual layout column as it descends.
   At the top the column is exactly zero: no empty sidebar is reserved. */
.stage-origin{display:contents}.stage-origin.scene-relayed{display:block;min-width:0;align-self:stretch}
.hero>.stage-origin>.stage-composition:not(.is-companion){transform:translateY(calc(var(--hero-descent,0)*38px)) scale(calc(1 - var(--hero-descent,0)*.10));transform-origin:62% 55%}
.content-layout{--companion-width:0px;--companion-progress:0;display:grid;grid-template-columns:minmax(0,1fr) var(--companion-width);column-gap:calc(var(--companion-progress)*24px);width:100%;max-width:1760px;margin:0 auto;align-items:stretch}
.content-flow{min-width:0}.disc-companion{min-width:0;width:var(--companion-width);position:relative;opacity:clamp(0,calc(var(--companion-progress)*4),1);pointer-events:none}
.disc-companion.is-interactive{pointer-events:auto}
.companion-dock{--companion-size:0px;position:sticky;top:28px;width:100%;height:calc(var(--companion-size) + 60px);min-height:0;isolation:isolate}
.disc-companion .stage-composition{position:relative;width:100%;height:var(--companion-size);min-height:0!important;margin:0;align-self:auto;transform:none;z-index:1}
.disc-companion .exam-stage{inset:0;width:100%;height:100%;min-height:0}
.disc-companion .exam-stage canvas{pointer-events:none;touch-action:pan-y}
.disc-companion :is(.stage-topline,.stage-bottomline,.stage-hotspot,.stage-labels,.stage-annotation,.stage-orbit){display:none!important}
.companion-chooser{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:100%;height:100%;border:0;padding:0 6px 8px;background:transparent;color:var(--text);text-align:center;cursor:pointer;overflow:hidden}
.companion-hint{font-size:9px;letter-spacing:1.5px;color:var(--accent);white-space:nowrap}
.companion-open-label{font-size:12px;white-space:nowrap;line-height:1.4}
.companion-open-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;margin-top:2px;color:var(--accent)}
.companion-open-icon>svg{width:13px;height:13px;flex:0 0 13px}
.companion-chooser:hover .companion-open-icon{background:var(--surface);border-color:var(--accent)}
.exam-chooser-dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:min(580px,calc(100vw - 36px));max-height:calc(100dvh - 50px);overflow:auto;background:var(--bg);color:var(--text);box-shadow:0 30px 100px #0006}
.exam-chooser-dialog::backdrop{background:#061109aa;backdrop-filter:blur(6px)}
.chooser-heading{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:25px}
.chooser-heading .eyebrow{font-size:10px;margin-bottom:12px}.chooser-heading h2{font-family:Georgia,serif;font-size:33px;letter-spacing:-1px;line-height:1.15;margin:0}
.chooser-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:50%}
.chooser-close>svg{width:18px;height:18px}
.chooser-exams{display:grid}.chooser-exams a{display:grid;grid-template-columns:25px 1fr 20px;align-items:center;gap:9px 13px;padding:20px 5px;border-top:1px solid var(--line)}
.chooser-exams a>span{font-size:10px;color:var(--accent);grid-row:1/3}.chooser-exams strong{font-size:23px;font-weight:400;letter-spacing:-.5px;line-height:1.2}
.chooser-exams small{grid-column:2;font-size:11px;color:var(--muted)}.chooser-exams a>svg{grid-column:3;grid-row:1/3;width:18px;height:18px;color:var(--accent)}
.chooser-exams a:hover{background:var(--surface)}
@media(max-width:1200px){
 .content-layout.has-companion .feature-study.hanging-study{grid-template-columns:minmax(0,1fr);gap:48px}
 .content-layout.has-companion .subject-heading,.content-layout.has-companion .section-heading{display:block}
 .content-layout.has-companion :is(.subject-heading,.section-heading)>p{margin-top:22px;max-width:100%}
 .content-layout.has-companion .approach{display:block}.content-layout.has-companion .approach-steps{margin-top:35px}
 .content-layout.has-companion .closing{display:block}.content-layout.has-companion .round-link{margin-top:30px}
 .content-layout.has-companion .exam-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-layout.has-companion .exam-choice:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}
 .content-layout.has-companion .exam-choice:nth-child(4){border-top:1px solid var(--line)}
}
@media(max-width:900px){.companion-dock{top:22px}.companion-hint{font-size:8px;letter-spacing:1px}.companion-open-label{font-size:11px}}
@media(max-width:620px){
 .content-layout{column-gap:calc(var(--companion-progress)*5px)}.companion-dock{top:18px;height:calc(var(--companion-size) + 65px)}
 .companion-hint{font-size:6.5px;letter-spacing:.75px}.companion-open-label{font-size:10px;white-space:normal;line-height:1.4;max-width:80px}
 .companion-open-icon{width:27px;height:27px}.companion-open-icon>svg{width:12px;height:12px}
 .content-layout.has-companion .section-shell{padding-left:16px;padding-right:12px}
 .content-layout.has-companion .section-topline{display:block}.content-layout.has-companion .quiet-label{display:block;text-align:left;margin-top:8px;max-width:none}
 .content-layout.has-companion .exam-selector{grid-template-columns:minmax(0,1fr)}
 .content-layout.has-companion .exam-choice,.content-layout.has-companion .exam-choice+.exam-choice{padding:18px 0;grid-template-columns:14px minmax(0,1fr) 16px;column-gap:6px;border-left:0;border-top:1px solid var(--line)}
 .content-layout.has-companion .exam-choice:first-child{border-top:0}
 .content-layout.has-companion .exam-choice strong,.content-layout.has-companion .exam-mode .exam-choice strong{font-size:22px;white-space:normal;letter-spacing:-.7px}
 .content-layout.has-companion .exam-choice small{font-size:10px;line-height:1.5}
 .content-layout.has-companion .eyebrow,.content-layout.has-companion .section-topline .eyebrow{font-size:9px;letter-spacing:.8px}
 .content-layout.has-companion .expansion-note{font-size:11px;align-items:start}
 .content-layout.has-companion :is(.section-heading h2,.subject-heading h2,.approach-intro h2,.closing h2){font-size:32px;letter-spacing:-1.2px;overflow-wrap:anywhere}
 .content-layout.has-companion :is(.section-heading p,.subject-heading p,.approach-intro p,.study-content-copy>p){font-size:14px;line-height:1.75;max-width:100%;overflow-wrap:anywhere}
 .content-layout.has-companion .feature-study.hanging-study{gap:44px}
 .content-layout.has-companion .study-content-copy{padding:67px 16px 25px;min-height:650px}
 .content-layout.has-companion .study-content h3{font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}
 .content-layout.has-companion .study-content-copy .study-stats{grid-template-columns:minmax(0,1fr);gap:14px}
 .content-layout.has-companion .study-content-copy .study-stats strong{font-size:28px}.content-layout.has-companion .study-content-copy .study-stats span{font-size:11px}
 .content-layout.has-companion .study-features span{font-size:10px;max-width:100%;overflow-wrap:anywhere}
 .content-layout.has-companion .study-content-copy .button{font-size:12px;padding:12px 10px;gap:8px;line-height:1.5;min-height:54px}
 .content-layout.has-companion .study-content-copy .button .vector-arrow{width:24px;height:24px;flex-basis:24px}
 .content-layout.has-companion .study-label{font-size:9px;letter-spacing:.5px;flex-wrap:wrap}
 .content-layout.has-companion .visual-kicker{font-size:9px;left:17px;right:40px;line-height:1.5;letter-spacing:.6px}
 .content-layout.has-companion .visual-north{font-size:9px;right:17px}
 .content-layout.has-companion .visual-caption{font-size:8px;left:17px;right:17px;gap:8px;letter-spacing:.15px}
 .content-layout.has-companion .coming-subject{padding:20px 16px;min-height:220px}.content-layout.has-companion .coming-subject h3{font-size:23px;overflow-wrap:anywhere}
 .content-layout.has-companion .coming-subject p{font-size:13px;line-height:1.75;overflow-wrap:anywhere}
 .content-layout.has-companion .coming-subject .subject-index{margin-bottom:30px}.content-layout.has-companion .soon-badge{font-size:8px;top:20px;right:12px;letter-spacing:.25px}
 .content-layout.has-companion .approach-steps article{gap:13px}.content-layout.has-companion .approach-steps h3{font-size:17px;line-height:1.35}
 .content-layout.has-companion .approach-steps p{font-size:13px;line-height:1.75;overflow-wrap:anywhere}
 .content-layout.has-companion .empty-exam{padding:25px 16px}.content-layout.has-companion .empty-exam h3{font-size:28px;overflow-wrap:anywhere}
 .content-layout.has-companion .empty-exam p{font-size:14px;overflow-wrap:anywhere}
 .exam-chooser-dialog{padding:24px 20px}.chooser-heading h2{font-size:28px}.chooser-exams strong{font-size:22px}
}
html[data-motion="off"] .hero>.stage-origin>.stage-composition:not(.is-companion){transform:none}
@media(prefers-reduced-motion:reduce){.hero>.stage-origin>.stage-composition:not(.is-companion){transform:none}}

.companion-dock{top:clamp(18px,calc(28px + var(--companion-progress)*65px),15vh)}
@media(max-width:620px){.companion-dock{top:clamp(16px,calc(18px + var(--companion-progress)*62px),15vh)}.companion-hint{font-size:9px;letter-spacing:.65px}.companion-open-label{font-size:12px;max-width:95px}}

/* Continuous handover: retain the full visible scene while the reading column
   makes room, shrink above it, and descend only once the new rail is usable. */
.content-layout{max-width:none;width:100%}.content-flow,.disc-companion,.companion-dock{min-width:0}
.disc-companion{overflow:clip}.disc-companion .companion-chooser{visibility:hidden}.disc-companion.scene-docked .companion-chooser{visibility:visible}
.stage-composition.is-travelling{isolation:isolate;overflow:visible;align-self:auto}
.stage-composition.is-travelling .exam-stage{inset:0;width:100%;height:100%;min-height:0}
.stage-composition.is-travelling .stage-orbit,.stage-composition.is-travelling .stage-topline,.stage-composition.is-travelling .stage-bottomline{display:none}
.stage-composition.is-travelling>.companion-chooser{position:absolute;visibility:visible;z-index:15;pointer-events:auto}
.stage-composition.is-travelling>.companion-chooser[hidden]{display:none!important}
@media(max-width:620px){
 .content-layout.has-companion :is(.section-heading p,.subject-heading p,.approach-intro p,.study-content-copy>p){font-size:15px;line-height:1.75}
 .content-layout.has-companion .study-content-copy .button{font-size:16px;line-height:1.45;padding:13px 10px;gap:8px;min-height:60px}
}

/* A restrained studio setting ties the typography to the porcelain/bronze stage.
   Lighting follows interaction; there are no autonomous decorative particles. */
.hero-stage-light{position:absolute;z-index:0;pointer-events:none;right:-4%;top:3%;width:78%;height:92%;background:radial-gradient(ellipse at 61% 47%,#c8be9414 0%,#8c9d7c0a 35%,transparent 69%);transform:translate3d(calc(var(--hero-pointer-x,0)*10px),calc(var(--hero-pointer-y,0)*7px),0);transition:transform .6s ease-out}
.hero-ground-line{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:0;color:var(--accent);opacity:.17;transform:translate3d(calc(var(--hero-pointer-x,0)*4px),calc(var(--hero-pointer-y,0)*3px),0)}
.hero-ground-line>path{stroke:currentColor;stroke-width:.8;vector-effect:non-scaling-stroke}
.hero-ground-line>path+path{opacity:.48;stroke-width:.6}
.hero h1.home-wordmark{text-shadow:0 14px 42px #00000012}
.home-wordmark .wordmark-fauji{transition:background-position .65s ease-out}
.home-wordmark em{margin-left:-.035em;text-shadow:0 7px 28px #b9946710}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .home-wordmark .wordmark-fauji{background:linear-gradient(111deg,#e5eadd 3%,#f5f3e7 35%,#c8d0bd 62%,#e8e6d8 86%);background-size:145% 100%;background-position:calc(45% + var(--hero-pointer-x,0)*8%) 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 .home-wordmark em{background:linear-gradient(112deg,#d2a978 8%,#e0bc8d 42%,#b99061 80%,#d9b784);background-size:145% 100%;background-position:calc(48% + var(--hero-pointer-x,0)*8%) 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 html[data-theme="light"] .home-wordmark .wordmark-fauji{background-image:linear-gradient(111deg,#1d3427 3%,#2b4831 35%,#4e6548 62%,#223c2b 86%)}
 html[data-theme="light"] .home-wordmark em{background-image:linear-gradient(112deg,#80552e 8%,#a07b45 42%,#76502c 80%,#8d6335)}
}
html[data-theme="light"] .hero-stage-light{background:radial-gradient(ellipse at 61% 47%,#c4b89518 0%,#7d927b0c 38%,transparent 69%)}
html[data-theme="light"] .hero-ground-line{opacity:.15}
html[data-theme="light"] .hero h1.home-wordmark{text-shadow:0 10px 35px #2a40210a}
@media(max-width:850px){.hero-stage-light{right:-9%;width:82%}.hero-ground-line{opacity:.11}}
@media(max-width:620px){.hero-stage-light{right:-19%;top:30%;width:125%;height:72%;opacity:.85}.hero-ground-line{display:none}.hero h1.home-wordmark{text-shadow:0 8px 30px #0000000d}}
html[data-motion="off"] .hero-stage-light,html[data-motion="off"] .hero-ground-line{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.hero-stage-light,.hero-ground-line{transform:none;transition:none}}
@media(forced-colors:active){.home-wordmark .wordmark-fauji,.home-wordmark em{-webkit-text-fill-color:currentColor;background:none}.hero-stage-light,.hero-ground-line{display:none}}

/* One animation clock owns relay geometry; CSS transitions never compete with it. */
.content-layout,.disc-companion,.companion-dock,.stage-composition.is-travelling,.stage-composition.is-companion{transition:none!important}
.stage-composition.is-travelling>.companion-chooser{inset:0 0 auto;height:calc(100% + 60px)}

/* Keep the reader's hanging feet in view on shorter desktop windows. */
@media(min-width:851px) and (max-height:800px){
 .hero{padding-top:24px;padding-bottom:45px}
 .hero>.stage-origin:not(.scene-relayed)>.stage-composition{height:clamp(350px,calc(100svh - 150px),600px);min-height:0;align-self:center}
}

/* Canvas owns the hanging silk surface. Invisible perspective pseudo-planes
   still expanded scroll metrics, so remove them from layout altogether. */
.hanging-study .study-visual:before,.hanging-study .study-visual:after{display:none!important}
.exam-choice{grid-template-columns:23px minmax(0,1fr) 24px}
@media(max-width:620px){
 .exam-choice{grid-template-columns:10px minmax(0,1fr) 16px;column-gap:5px;padding-right:6px}
 .exam-choice+.exam-choice{padding-left:14px}.exam-choice:nth-child(3){padding-left:0}
 .exam-choice strong{white-space:normal;line-height:1.2;min-width:0}
 .exam-choice>span:last-child{min-width:0;width:16px}
 .exam-choice>span:last-child>svg{width:16px;height:16px;flex:0 0 16px}
 .exam-choice small{min-width:0;overflow-wrap:normal}
}

/* Crafted hanging hardware: a slim patinated-brass rod with turned collars,
   discreet braided suspension and small architectural anchor rosettes. */
.scroll-roller{left:0;right:0;top:25px;height:14px;border-radius:4px;border:1px solid #b397624d;background:repeating-linear-gradient(90deg,#c6a66a0a 0 1px,transparent 1px 4px),linear-gradient(180deg,#302d22 0%,#695b3d 18%,#ac8f5b 33%,#8b7349 43%,#4c452f 67%,#272d22 83%,#655134 100%);box-shadow:0 4px 7px #00000020,inset 0 1px 0 #b99b6438;z-index:7}
.scroll-roller:before{content:'';position:absolute;left:22px;right:22px;top:3px;height:1px;background:linear-gradient(90deg,transparent,#ccb17a80 12%,#c2a46c66 88%,transparent);opacity:.55}
.scroll-roller:after{content:'';position:absolute;left:22px;right:22px;top:auto;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,#181e1899 12%,#171e1899 88%,transparent);opacity:.7}
.scroll-roller i{top:-5px;width:9px;height:22px;border-radius:3px;border:1px solid #9b835341;background:linear-gradient(90deg,#292d22,#7e6c46 29%,#b09560 44%,#78643f 61%,#282e22);box-shadow:0 2px 3px #00000022}
.scroll-roller i:first-child{left:-3px}.scroll-roller i:last-child{right:-3px}
.scroll-roller i:before{content:'';position:absolute;left:-3px;right:-3px;top:7px;height:6px;border-radius:2px;border-top:1px solid #c2a36a73;border-bottom:1px solid #302e22a6;background:linear-gradient(180deg,#8f774a,#4b462f 55%,#8c7348);box-shadow:0 1px 2px #0002}
.scroll-roller i:after{content:'';position:absolute;left:2px;right:2px;top:2px;bottom:2px;border-top:1px solid #c1a16b55;border-bottom:1px solid #b3955b55;pointer-events:none}
.scroll-cords{left:29px;right:29px;top:-15px;height:42px;border:0;opacity:.66;background:repeating-linear-gradient(155deg,#8b754950 0 1px,#c3a86e88 1px 2px,#675c3c77 2px 3px,transparent 3px 4px) left top/2px 100% no-repeat,repeating-linear-gradient(205deg,#8b754950 0 1px,#c3a86e88 1px 2px,#675c3c77 2px 3px,transparent 3px 4px) right top/2px 100% no-repeat}
.scroll-cords:before,.scroll-cords:after{top:-3px;width:8px;height:8px;border-radius:50%;border:1px solid #8e794e8c;background:radial-gradient(circle,#c8aa6b 0 12%,#474430 18% 28%,#aa905b 32% 40%,#373d2c 44% 66%,#8f794f 71% 82%,#393e2c 88%);box-shadow:0 1px 3px #00000024}
.scroll-cords:before{left:-3px}.scroll-cords:after{right:-3px}
html[data-theme="light"] .scroll-roller{border-color:#9a825b66;box-shadow:0 3px 6px #3a321e1f,inset 0 1px 0 #d4ba8538}
html[data-theme="light"] .scroll-cords{opacity:.73}
@media(max-width:620px){
 .scroll-roller{left:0;right:0;top:25.5px;height:13px;border-radius:3px}
 .scroll-roller i{top:-4px;width:8px;height:20px}.scroll-roller i:first-child{left:-2px}.scroll-roller i:last-child{right:-2px}
 .scroll-roller i:before{left:-2px;right:-2px;top:6px;height:6px}.scroll-roller i:after{left:2px;right:2px}
 .scroll-cords{left:25px;right:25px}.scroll-cords:before,.scroll-cords:after{width:7px;height:7px;top:-2.5px}
}