.p-section{padding:95px 0 105px;background:#fff;color:#161513}.p-intro{max-width:730px;margin-bottom:62px}.p-intro h2{font-size:56px;line-height:1.04;letter-spacing:-.035em;margin:0 0 25px}.p-intro>p{font-size:22px;line-height:1.43;color:#68635c;margin:0}.p-gallery{height:500px;border-radius:25px;background:#f5f2ed;overflow:hidden;position:relative}.p-gallery>h3{position:relative;z-index:2;font-size:34px;line-height:1.13;letter-spacing:-.025em;max-width:410px;margin:0;padding:40px}.p-gallery-copy{position:absolute;left:40px;bottom:32px;width:37%;z-index:2}.p-gallery-copy p{font-size:16px;line-height:1.5;margin:0 0 19px}.p-gallery-copy small{font-size:10px;color:#68635c;display:block;margin-top:13px}.p-switch{display:inline-flex;gap:3px;border-radius:25px;padding:4px;background:#e6e1da;max-width:100%}.p-switch button{border:0;border-radius:22px;background:transparent;font:inherit;font-size:12px;font-weight:650;padding:10px 14px;color:#514c44;cursor:pointer}.p-switch button[aria-pressed=true]{background:#171614;color:white}.p-switch button:focus-visible{outline:3px solid #d77b00;outline-offset:4px}.p-devices{position:absolute;left:49%;right:3.5%;top:0;height:100%}.p-phone{position:absolute;width:222px;height:456px;padding:6px;border-radius:36px;background:linear-gradient(115deg,#acaaa6,#161513 12%,#484541 87%,#bdb9b3);box-shadow:0 1px 0 1px #888,0 15px 20px #0003;transition:transform .75s cubic-bezier(.22,1,.36,1)}.p-phone:after{content:'';position:absolute;top:12px;left:calc(50% - 24px);width:48px;height:12px;border-radius:20px;background:#090909}.p-screen{height:100%;padding:14px;border-radius:30px;overflow:hidden;position:relative}.p-dark{background:#191919;color:#fff}.p-orange{background:#ff9a00;color:#161513}.p-cream{background:#fffaf1;color:#161513}.p-phone-chart{left:0;top:-230px}.p-phone-record{right:0;top:-75px}.p-phone-medals{left:0;top:251px}.p-phone-quiz{right:0;top:407px}.p-gallery[data-subject-card=bio] .p-phone-chart,.p-gallery[data-subject-card=bio] .p-phone-medals{transform:translateY(28px)}.p-gallery[data-subject-card=bio] .p-phone-record,.p-gallery[data-subject-card=bio] .p-phone-quiz{transform:translateY(-28px)}.p-status{font-size:8px;font-weight:650;display:flex;justify-content:space-between;margin:0 3px 35px}.p-app-title{font-size:21px;font-weight:700;line-height:1.14;letter-spacing:-.04em;margin:0 0 15px}.p-screen small{font-size:8px;letter-spacing:.02em}.p-screen-value{display:block;font-size:38px;letter-spacing:-.04em;margin:4px 0 14px}.p-screen-value span{font-size:18px;font-weight:400;margin-left:3px;color:#b9b2a7}.p-chart{height:115px;display:flex;gap:7px;align-items:stretch}.p-chart>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.p-chart i{width:100%;height:var(--bar);background:#ff9a00;border-radius:3px 3px 0 0;transition:height .75s cubic-bezier(.22,1,.36,1)}.p-chart span{font-size:7px;color:#bfb8af}.p-app-row{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #ffffff24;padding:15px 0}.p-chart+.p-app-row{margin-top:22px}.p-record-logo{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:750;letter-spacing:.12em}.p-record-logo svg{width:21px;height:21px}.p-record-kicker{font-size:7px;letter-spacing:.07em;margin:26px 0 8px}.p-screen h4{font-size:22px;letter-spacing:-.04em;margin:0 0 25px}.p-record-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 6px}.p-record-stats small{display:block;font-size:6px}.p-record-stats strong{display:block;font-size:25px;font-weight:650;margin-top:3px}.p-record-seal{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #16151355;border-bottom:1px solid #16151355;margin-top:23px;padding:12px 0;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.1em}.p-record-seal span{font-size:37px}.p-record-footer{font-family:monospace;font-size:6px;line-height:1.8;margin-top:15px}.p-app-description{font-size:11px;line-height:1.5;color:#68635c}.p-medal-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:15px}.p-medal-grid>div{font-size:54px;text-align:center;color:#bd6b00;text-shadow:0 2px #ffd694}.p-medal-grid small{display:block;color:#68635c;text-shadow:none}.p-medal-note{font-size:11px;line-height:1.5;margin-top:24px}.p-score-ring{width:139px;height:139px;background:conic-gradient(#ff9a00 calc(var(--score)*1%),#3c3933 0);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:15px auto 25px;isolation:isolate}.p-score-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#191919;z-index:-1}.p-score-ring>span{font-size:31px;font-weight:700}.p-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.p-pair>article{height:580px;position:relative;overflow:hidden;border-radius:25px;padding:38px}.p-pair>article>p:first-child{font-size:17px;line-height:1.5;margin:0;position:relative;z-index:2}.p-subject-panel{background:#f5f2ed}.p-subject-panel>p>strong{color:#a45800}.p-subject-detail{margin-top:66px;position:relative;z-index:2}.p-subject-detail>span{font-size:19px;font-weight:650}.p-subject-detail h3{font-size:46px;font-weight:500;letter-spacing:-.04em;margin:8px 0 3px;line-height:1.1}.p-subject-detail p{font-size:19px;margin:0;color:#68635c}.p-book-scene{position:absolute;width:390px;height:230px;left:50%;bottom:25px;transform:translateX(-50%);perspective:1000px}.p-book{position:absolute;left:65px;top:4px;width:255px;height:184px;border-radius:3px 8px 8px 3px;box-shadow:1px 6px 0 #c9bda5,1px 9px 0 #eee9df,2px 12px 0 #bcb5a7,0 16px 18px #0002;transform:rotateX(35deg) rotateZ(-20deg);transform-origin:50% 85%;transition:transform .8s cubic-bezier(.22,1,.36,1);padding:15px 17px;z-index:2}.p-book>span{font-size:8px;letter-spacing:.12em;font-weight:700}.p-book>b{float:right;font-size:38px;font-weight:500}.p-book-back{background:#ded4c3;transform:translate(5px,29px) rotateX(35deg) rotateZ(1deg)}.p-book-middle{background:#28251f;color:#fff;transform:translate(0,12px) rotateX(35deg) rotateZ(-10deg)}.p-book-front{background:#ff9a00;color:#4f2d00;border-left:8px solid #d17e00}.p-book-front>div{display:flex;justify-content:space-between;font-size:7px;font-weight:700}.p-book-front>div>span{font-weight:400}.p-book-graphic{height:120px;display:block;width:100%}.p-bio-art{display:none}.p-book-scene[data-p-books=bio] .p-bio-art{display:block}.p-book-scene[data-p-books=bio] .p-math-art{display:none}.p-book-scene[data-p-books=bio] .p-book-front{transform:translate(8px,-10px) rotateX(28deg) rotateZ(-12deg)}.p-book-scene[data-p-books=bio] .p-book-middle{transform:translate(-6px,15px) rotateX(35deg) rotateZ(-19deg)}.p-book-shadow{position:absolute;background:#9f8f7244;filter:blur(14px);width:250px;height:35px;bottom:5px;left:80px;border-radius:50%}.p-panel-note{position:absolute;bottom:23px;left:38px;font-size:10px;color:#68635c;z-index:3}.p-hours-panel{background:#17120a;color:#fff6e8}.p-flap-board{margin-top:100px}.p-board-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c06e00;padding-bottom:12px;font-size:16px;font-weight:650}.p-board-heading>span:first-child{display:flex;gap:7px;align-items:center}.p-board-heading>span:last-child{color:#e49c39;font-size:14px}.p-board-heading svg{width:21px;height:21px;color:#ff9a00}.p-flaps{display:flex;gap:10px;margin-top:26px;perspective:600px}.p-flap{flex:1;min-width:0;display:grid;place-items:center;height:96px;border:2px solid #000;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:72px;font-weight:700;line-height:1;background:linear-gradient(#2d2112 49%,#000 49%,#000 52%,#261c10 52%);box-shadow:inset 0 0 0 1px #614019;position:relative;color:#ffcc7f}.p-flap:after{content:'';position:absolute;left:-3px;right:-3px;top:47%;height:8px;border-left:5px solid #735333;border-right:5px solid #735333}.p-unit{font-size:56px;color:#96692f}.p-flap.p-flipping{animation:p-flip .65s cubic-bezier(.22,1,.36,1)}.p-board-footer{display:flex;justify-content:space-between;padding:12px 8px;color:#dcab66;background:#0b0804;font:12px ui-monospace,monospace;letter-spacing:.08em}.p-counter-status{font-size:11px;color:#d4b58a;margin-top:15px;min-height:30px;line-height:1.5}.p-period{margin-top:24px;background:#332619}.p-period button{color:#e3cfb1}.p-period button[aria-pressed=true]{background:#ff9a00;color:#17120a}.p-hours-panel .p-panel-note{color:#c6b28f}@keyframes p-flip{0%{transform:rotateX(-80deg);filter:brightness(.4)}100%{transform:rotateX(0);filter:brightness(1)}}
.p-phone-record{top:-190px}.p-phone-quiz{top:292px}
@media(max-width:1100px){.p-phone{width:205px;height:425px}.p-devices{left:50%;right:3%}.p-phone-medals{top:226px}.p-phone-quiz{top:262px}.p-gallery>h3{font-size:32px;max-width:440px}.p-record-kicker{margin-top:18px}.p-record-seal{margin-top:16px}.p-flaps{gap:7px}.p-flap{font-size:62px;height:87px}.p-unit{font-size:47px}.p-pair>article{padding:30px}.p-subject-detail h3{font-size:40px}.p-panel-note{left:30px}}
@media(max-width:900px) and (min-width:681px){.p-devices{left:52%;right:0;transform:scale(.86);transform-origin:0 50%;width:445px}.p-gallery-copy{width:40%;left:30px}.p-gallery>h3{padding:30px;max-width:390px;font-size:30px}.p-pair{gap:20px}.p-pair>article{padding:26px;height:560px}.p-pair>article>p:first-child{font-size:16px}.p-subject-detail h3{font-size:32px}.p-subject-detail>span,.p-subject-detail p{font-size:16px}.p-book-scene{transform:translateX(-50%) scale(.85)}.p-flap{font-size:47px;height:74px}.p-unit{font-size:37px}.p-board-heading{font-size:13px}.p-board-heading>span:last-child{font-size:11px}.p-board-footer{font-size:9px}.p-panel-note{left:26px}}
@media(max-width:680px){.p-section{padding:65px 0 70px}.p-intro{margin-bottom:35px}.p-intro h2{font-size:38px;line-height:1.06;margin-bottom:21px}.p-intro>p{font-size:18px;line-height:1.5}.p-gallery{height:800px;border-radius:22px}.p-gallery>h3{padding:28px 25px 0;font-size:28px;line-height:1.13;max-width:360px}.p-gallery-copy{position:relative;left:auto;bottom:auto;width:auto;margin:20px 25px 0}.p-gallery-copy p{font-size:15px;margin-bottom:16px;max-width:340px}.p-gallery-copy small{margin-top:10px}.p-devices{left:0;right:0;top:354px;height:450px}.p-phone-record{width:205px;height:425px;right:calc(50% - 85px);top:0;z-index:3}.p-phone-chart{width:180px;height:380px;left:calc(50% + 108px);top:-65px;opacity:.7}.p-phone-medals{width:180px;height:380px;left:calc(50% - 310px);top:165px;opacity:.6}.p-phone-quiz{width:180px;height:380px;right:calc(50% - 320px);top:338px;opacity:.7}.p-gallery[data-subject-card=bio] .p-phone-record{transform:translateY(0)}.p-gallery[data-subject-card=bio] .p-phone-chart,.p-gallery[data-subject-card=bio] .p-phone-medals{transform:translateY(-20px)}.p-pair{grid-template-columns:1fr;gap:20px;margin-top:20px}.p-pair>article{height:555px;padding:28px 25px}.p-subject-detail{margin-top:65px}.p-subject-detail>span{font-size:18px}.p-subject-detail h3{font-size:42px}.p-subject-detail p{font-size:18px}.p-flap-board{margin-top:98px}.p-flaps{gap:7px}.p-flap{height:83px;font-size:61px}.p-unit{font-size:47px}.p-board-heading{font-size:15px}.p-board-heading>span:last-child{font-size:12px}.p-board-footer{font-size:10px}.p-panel-note{left:25px}.p-book-scene{bottom:20px;transform:translateX(-50%) scale(.9)}}
@media(max-width:360px){.p-gallery{height:830px}.p-devices{top:388px}.p-gallery>h3{padding-left:21px;padding-right:21px}.p-gallery-copy{margin-left:21px;margin-right:21px}.p-switch button{padding:10px 11px;font-size:11px}.p-pair>article{padding:25px 21px}.p-pair>article>p:first-child{font-size:16px}.p-subject-detail h3{font-size:35px}.p-flaps{gap:5px}.p-flap{height:72px;font-size:50px}.p-unit{font-size:37px}.p-board-heading>span:last-child{font-size:10px}.p-board-heading{font-size:13px}.p-board-footer{font-size:9px}.p-book-scene{transform:translateX(-50%) scale(.8)}.p-panel-note{left:21px}}
@media(prefers-reduced-motion:reduce){.p-phone,.p-chart i,.p-book{transition:none!important}.p-flap.p-flipping{animation:none!important}}