/* Krackerz study — one visual language, confined to the homepage preview. */
:root{--red:#812d3c;--yellow:#e6c87a;--blue:#5e646d;--paper:#f8f5ed}
.hero h1{font-family:'IBM Plex Sans',sans-serif;font-weight:700;font-size:clamp(66px,7.7vw,110px);line-height:.93;letter-spacing:-.075em;margin:18px 0 30px}.hero h1 span{display:inline-block}.title-mark{inset:48% auto -8px -10px;width:75%;border-width:1.5px}.hero-grid{padding-top:45px;padding-bottom:45px}.hero-note{font-size:27px}.hero-copy>p{margin-top:32px}.desk-note{background:#eee1bf}.hero-entries a:hover,.hero-entries a:focus-visible,.hero-entries a:nth-child(2):hover,.hero-entries a:nth-child(3):hover{background:#e7d5cd}.section-heading h2,.week-section .section-heading h2,.manifesto h2,.pixel-intro h2{font-family:'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:-.065em;line-height:.98}.section-heading h2{font-size:clamp(45px,5.6vw,76px)}.hand{color:#665b50}.hero .hand{color:#51483f}
.button.dark{border-radius:3px;box-shadow:3px 4px 0 #24231f20}.button.dark:hover{background:var(--red);color:var(--paper)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}
.week-sheet{background:#eee4d4!important;border:1px solid #24231f35;clip-path:none;border-radius:3px;box-shadow:7px 9px 0 #24231f0c;padding-left:200px}.week-leaf{background:var(--red);color:var(--paper);left:0;top:0;bottom:0;width:175px;padding:27px 16px;border-radius:3px 0 0 3px}.week-number{font-family:'IBM Plex Sans',sans-serif;font-size:117px;letter-spacing:-9px;line-height:1;font-weight:700}.week-leaf .week-range{border-color:#f8f5ed55}.week-sheet::before{left:175px;border-color:#f8f5ed70;top:15px;bottom:15px;z-index:1}.week-sheet::after{background:var(--page-tint);left:163px}.week-leaf .week-year{opacity:.7}.week-strip button[aria-pressed=true]{background:var(--red);border-color:var(--red)}.week-sheet h3{letter-spacing:-1.4px}.course-picks button[aria-pressed=true]{color:var(--red)}
.folder{--surface:#974759;color:var(--paper);--line:#f8f5ed35}.folder.six{--surface:#7d3042;--line:#f8f5ed35}.folder.elective{--surface:#542330;--line:#f8f5ed35}.folder-tab{font-family:'IBM Plex Sans',sans-serif;font-weight:600;border-radius:18px 0 0 0}.folder-body{border-radius:0 16px 16px 16px}.folder .hand{color:#f0ded0}.grade{font-family:'IBM Plex Sans',sans-serif;font-size:180px;font-weight:700;letter-spacing:-14px}.grade-name{font-size:27px;letter-spacing:-1px}.course-copy h3{gap:22px}.course-copy>.hand{font-size:27px}.course-layout{grid-template-columns:.65fr 1.35fr;gap:45px}.file-week-link{display:block;width:fit-content;margin-top:22px;font-size:12px;border-bottom:1px solid #f8f5ed70;padding-bottom:7px}.file-week-link:hover{color:#e6c87a}.open-course{font-weight:600}
.paper-composition{height:365px;margin-right:12px}.paper-card{height:310px;width:76%;border-color:#24231f70;box-shadow:6px 9px 0 #24231f35}.paper-card.back,.six .paper-card.back{background:#d9c9ae;transform:rotate(-5deg);width:72%;height:280px}.paper-card.back strong{font-size:31px;font-weight:600;max-width:65%}.paper-card.front{top:36px;transform:rotate(3deg);padding:22px;background:#f8f5ed;overflow:hidden}.paper-card.front strong{font-size:26px;letter-spacing:-1px;line-height:1.02;max-width:65%;position:relative;z-index:2}.paper-card.front .paper-symbol{display:none}.paper-card.front>.mono{font-size:9px;position:relative;z-index:2}.paper-card.front>span:last-of-type{position:relative;z-index:2}.course-plate{position:absolute;inset:62px 8px 38px 8px;pointer-events:none}.course-plate svg{height:100%;width:100%;display:block}.paper-card.front>strong{align-self:flex-start;margin-top:auto;margin-bottom:15px;background:#f8f5eded;padding:5px 8px 5px 0}.paper-card.front:hover{transform:rotate(0) translateY(-7px);background:#f8f5ed}.paper-card.back:hover{transform:rotate(-7deg) translate(-8px,-7px)}
.elective-heading h3{font-family:'IBM Plex Sans',sans-serif;font-size:65px;font-weight:700;letter-spacing:-3px;line-height:.96}.elective-course{background:#f6f1e6;border-color:#24231f55;border-radius:2px}.elective-course h4{font-size:31px;letter-spacing:-1.5px;font-weight:600}.elective-course:nth-child(2){min-height:295px}.elective-course:nth-child(2) .elective-mark{width:65%;height:230px;right:0;bottom:10px;transform:none}.elective-course:nth-child(2) h4{max-width:50%}.elective-course:nth-child(2):hover{background:#f6f1e6;transform:none}.elective-course:nth-child(2):hover .elective-mark{transform:translateY(-7px)}.robot-caption{font-family:'IBM Plex Mono',monospace!important;font-size:10px!important;line-height:1.6!important;letter-spacing:.04em;transform:none!important}.robot-study .robot-caption:after{top:25px}.robot-study h4{font-weight:600}
.resource-card,.resource-card:nth-child(n){background:#eee6d8;border-radius:3px}.resource-card:nth-child(2),.resource-card:nth-child(5){background:#e7e4da}.resource-card:nth-child(3),.resource-card:nth-child(6){background:#e8ded8}.resource-card:hover,.resource-card:nth-child(n):hover{background:#e4cfc4}.resource-card h3{font-weight:600}.material-preview-frame{padding:14px;border-radius:2px}.material-preview h3{font-weight:600}.manifesto{background:#542330;color:var(--paper);border:0;padding:25px 0}.manifesto h2 span{color:#e6c87a}.manifesto .hand{color:#eddbcb}.manifesto .button{background:var(--paper);color:var(--ink)}.manifesto h2{max-width:1000px}.manifesto .section-wrap{position:relative}.manifesto .section-wrap:before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:url('/assets/brand/devre-mark.svg') center/contain no-repeat;position:absolute;right:30px;top:45px;color:#e6c87a;font-size:70px}.resource-icon{color:var(--red)}
@media(max-height:800px) and (min-width:761px){.course-layout{min-height:290px}.grade{font-size:142px}.paper-composition{height:260px}.paper-card{height:230px}.paper-card.back{height:205px}.course-plate{inset:45px 8px 28px}.paper-card.front strong{font-size:22px}.elective-course:nth-child(2){min-height:195px}.elective-course:nth-child(2) .elective-mark{height:150px}.elective-heading h3{font-size:52px}}
@media(max-width:1050px){.hero h1{font-size:8.2vw}.title-mark{width:83%}.course-layout{gap:20px}.grade{font-size:150px}.paper-card.front strong{font-size:23px}.week-sheet{padding-left:166px}.week-leaf{width:145px}.week-sheet::before{left:145px}.week-sheet::after{left:133px}.week-number{font-size:100px}.elective-heading h3{font-size:55px}}
@media(max-width:760px){.hero h1{font-size:clamp(54px,11.8vw,88px);letter-spacing:-.065em}.title-mark{width:79%}.hero-grid{padding-top:30px;gap:38px}.section-heading h2,.week-section .section-heading h2{font-size:43px}.week-sheet{padding:24px 19px 24px 106px}.week-leaf{width:89px;padding:25px 7px}.week-sheet::before{left:89px}.week-sheet::after{left:77px}.week-number{font-size:65px;letter-spacing:-4px}.course-layout{grid-template-columns:1fr}.folder-body{border-radius:0 12px 12px 12px}.grade{font-size:135px}.course-copy{padding:20px 0 0}.course-copy h3{margin-top:5px;margin-bottom:15px}.file-week-link{margin-top:17px}.paper-composition{height:325px;margin:26px 8px 25px}.paper-card{height:270px;width:78%;padding:20px}.paper-card.back{height:245px}.paper-card.front strong{font-size:25px}.elective-heading h3{font-size:49px}.elective-course:nth-child(2){min-height:280px}.elective-course:nth-child(2) .elective-mark{height:210px;width:65%;bottom:0}.elective-course:nth-child(2) h4{font-size:29px;max-width:50%}.manifesto h2{font-size:37px}.manifesto .section-wrap:before{font-size:35px;top:0;right:22px}.manifesto-bottom{margin-top:30px}.manifesto{padding:15px 0}}
.folder .robot-caption{color:#665b50}.title-mark{width:65%}
@media(max-width:760px){.title-mark{width:79%}.elective-course:nth-child(2){min-height:305px}.elective-course:nth-child(2) h4{max-width:100%;font-size:29px;line-height:1.08}.elective-course:nth-child(2) .elective-mark{width:90%;height:170px;right:-4px;bottom:-2px}}
@media(prefers-reduced-motion:reduce){.course-plate,.button span{transition:none}.paper-card.front:hover,.paper-card.back:hover{transform:none}}