@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#292b25;font-synthesis:none;--red:#c74227;--rule:#bdbbb0;background:#f5f1e8;font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline-offset:5px;outline:3px solid #c74227}.wrap{width:min(1160px,100% - 80px);margin-inline:auto}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-80px}.skip-link:focus{top:8px}.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-block:23px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:14px;font-weight:900;display:flex}.brand span{color:var(--red);font-size:29px;line-height:1}nav{gap:24px;font-size:12px;font-weight:600;display:flex}nav a{align-items:center;min-height:44px;display:inline-flex}nav a:hover{color:var(--red)}.hero{padding:32px 0 54px}.hero-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:.12em;font-size:10px;font-weight:700}.hero-topline>span{color:#66685e;font-size:10px}h1{letter-spacing:-.065em;margin:28px 0 34px;font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(56px,10.5vw,130px);font-weight:400;line-height:.95}h1>span{display:block}.hero-second{margin-left:12%;position:relative}.hero-star{color:var(--red);vertical-align:middle;margin-left:.08em;font-family:system-ui,sans-serif;font-size:.8em;line-height:1;display:inline-block}.accent{color:var(--red)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hero-bottom h2{letter-spacing:-.05em;margin:0;font-size:23px;font-weight:800}.hero-description{color:#62645b;margin:10px 0 0;font-size:13px;line-height:1.9}.browse-link{border-bottom:1px solid;align-items:center;gap:38px;min-height:48px;padding:4px 0;font-size:12px;font-weight:700;display:flex}.browse-link span{font-size:32px}.projects-section{border-top:1px solid var(--rule);padding:24px 0 72px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.section-heading .eyebrow{color:#65675c;margin:0 0 8px}h2{letter-spacing:-.055em;margin:0;font-size:32px}.section-heading>p{color:#62645b;font-size:12px}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:56px 44px;display:grid}.project-card{--cover:#eec34a;--ink:#303622;grid-column:span 7;min-width:0}.project-card:nth-child(4n+2){grid-column:span 5;margin-top:72px}.project-card:nth-child(4n+3){grid-column:span 7}.project-card:nth-child(4n+4){grid-column:span 5;margin-top:64px}.project-card[data-project=what-grade-english]{--cover:#cbd7ec;--ink:#293958}.project-card[data-project=sudoku]{--cover:#d45035;--ink:#fff1d8}.project-card[data-project=runningsmile]{--cover:#e1ef79;--ink:#334b38}.project-cover{background:var(--cover);height:350px;color:var(--ink);border:1px solid #292b251c;display:block;position:relative;overflow:hidden}.cover-caption{letter-spacing:.1em;z-index:2;justify-content:space-between;padding:19px 22px;font-size:10px;font-weight:800;display:flex;position:relative}.cover-caption>span:last-child{font-size:22px;line-height:1}.poster-art{position:absolute;inset:58px 24px 20px}.poster-word{font-size:11px;font-weight:600;position:absolute;bottom:0;left:0}.math-small{border-bottom:2px solid;padding-bottom:4px;font-family:monospace;font-size:25px;position:absolute;top:8px;left:2px;transform:rotate(-7deg)}.math-large{letter-spacing:-.08em;font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(110px,12vw,170px);line-height:1;position:absolute;top:57px;left:5%;transform:rotate(-8deg)}.math-large span{color:#a33420;vertical-align:top;font-family:system-ui;font-size:.65em;display:inline-block;transform:rotate(15deg)}.english-large{letter-spacing:-.12em;font-family:Georgia,serif;font-size:170px;line-height:1;position:absolute;top:5px;left:0}.english-large>span{color:#c74227;font-size:.65em;font-style:italic;display:inline-block;transform:rotate(15deg)}.english-sticker{background:#f6f1e5;border:1px solid #293958;padding:10px 14px;font-family:monospace;font-size:14px;font-weight:700;line-height:1.3;position:absolute;bottom:39px;right:0;transform:rotate(8deg);box-shadow:4px 4px #29395833}.sudoku-word{letter-spacing:-.06em;font-family:Archivo Black,Arial Black,sans-serif;font-size:72px;line-height:.95;position:absolute;top:25px}.sudoku-art{aspect-ratio:1;color:#343b2d;background:#fff1d8;border:2px solid #343b2d;grid-template-columns:repeat(9,1fr);width:245px;display:grid;position:absolute;top:-10px;right:0;transform:rotate(7deg);box-shadow:8px 8px #922c21}.sudoku-art>span{border-bottom:1px solid #343b2d44;border-right:1px solid #343b2d44;place-items:center;min-width:0;font-size:13px;font-weight:600;display:grid}.sudoku-art .block-right{border-right:2px solid #343b2d}.sudoku-art .block-bottom{border-bottom:2px solid #343b2d}.sudoku-art .empty-cell{background:#dfebcb}.run-word{letter-spacing:-.06em;font-family:Archivo Black,Arial Black,sans-serif;font-size:65px;line-height:.95;position:absolute;top:10px;left:0}.smile-art{width:145px;height:145px;position:absolute;bottom:34px;right:-8px;transform:rotate(-14deg)}.fallback-art{font-size:140px}.cover-play{background:var(--ink);color:var(--cover);opacity:0;padding:8px 12px;font-size:11px;font-weight:800;position:absolute;bottom:15px;right:16px;transform:translateY(5px)}.project-cover img{object-fit:cover;width:100%;height:100%}.project-body{padding:21px 0 0}.project-body>.eyebrow{color:#686a5f;letter-spacing:.05em;margin:0;font-size:10px}h3{letter-spacing:-.06em;margin:8px 0 12px;font-size:25px;line-height:1.35}.project-body>p:not(.eyebrow){color:#5e6157;max-width:42em;margin:0;font-size:13px;line-height:1.85}.project-dates{color:#64665d;flex-wrap:wrap;gap:3px 15px;margin:16px 0 0;font-size:10px;display:flex}.project-dates>div{gap:6px;display:flex}.project-dates dd{font-variant-numeric:tabular-nums;margin:0}.project-links{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:7px;font-size:12px;display:flex}.project-links a{align-items:center;gap:20px;min-height:44px;font-weight:700;display:inline-flex}.project-links a:last-child{color:#62645b;font-size:11px;font-weight:500}.project-links a:hover{color:var(--red)}.growth-notes{border-top:1px solid var(--rule);margin-top:18px;padding-top:8px;font-size:13px}.growth-notes time{display:block}.growth-notes p{margin-top:4px}.about{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:40px 0 40px 130px;scroll-margin-top:24px;position:relative}.about-star{color:var(--red);font-size:90px;line-height:1;position:absolute;top:40px;left:8px}.about>.eyebrow{color:#64665d;margin:0 0 10px}.about h2{font-size:28px}.about>p:not(.eyebrow){color:#5e6157;font-size:13px;line-height:1.9}.about .about-note{margin:20px 0 0;font-size:11px}footer{color:#62645b;justify-content:space-between;align-items:center;padding-block:28px;font-size:10px;display:flex}footer span{letter-spacing:.1em;font-weight:800}@media (width>=760px) and (width<=1050px){.wrap{width:calc(100% - 64px)}.project-grid{column-gap:28px}.project-cover{height:310px}.sudoku-art{width:205px;top:4px;right:-8px}.sudoku-word{font-size:57px}.english-large{font-size:145px}.run-word{font-size:52px}.smile-art{width:120px;height:120px}.math-large{font-size:126px;left:0}.poster-art{inset:58px 18px 20px}.cover-caption{padding-inline:18px}}@media (width<=759px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:12px}.brand{gap:7px;font-size:12px}.brand span{font-size:26px}nav{gap:14px;font-size:10px}.hero{padding:23px 0 32px}.hero-topline{align-items:flex-start}.hero-topline .eyebrow{letter-spacing:.07em;margin:0;font-size:8px}.hero-topline>span{text-align:right;max-width:120px;font-size:8px}h1{margin:26px 0;font-size:clamp(40px,10.4vw,78px);line-height:1}.hero-second{margin-left:8%}.hero-bottom{align-items:flex-start;gap:16px}.hero-bottom h2{font-size:17px}.hero-description{font-size:11px}.browse-link{flex-shrink:0;gap:8px;min-height:44px;font-size:10px}.browse-link span{font-size:24px}.projects-section{padding:20px 0 40px}.section-heading{gap:12px;margin-bottom:22px}.section-heading .eyebrow{letter-spacing:.05em;font-size:8px}.section-heading h2{font-size:26px}.section-heading>p{white-space:nowrap;font-size:10px}.project-grid{flex-direction:column;gap:34px;display:flex}.project-card{width:100%}.project-card:nth-child(n){margin-top:0}.project-cover{height:300px}.poster-art{inset:55px 22px 20px}.math-large{font-size:135px;top:61px;left:3%}.english-large{font-size:170px}.sudoku-word{font-size:60px;top:24px}.sudoku-art{width:205px;top:0;right:-5px}.run-word{font-size:64px}.smile-art{width:145px;height:145px;bottom:26px;right:0}.project-body{padding-top:16px}h3{font-size:23px}.project-body>p:not(.eyebrow){font-size:12px}.about{padding:28px 0 28px 58px}.about-star{font-size:44px;top:30px;left:0}.about h2{font-size:21px}.about>p:not(.eyebrow){font-size:12px}.desktop-break{display:none}footer{gap:16px;font-size:9px}.cover-play{display:none}}@media (width<=370px){.hero-bottom{flex-direction:column;gap:8px}.sudoku-art{width:177px}.sudoku-word{font-size:54px}.math-large{font-size:115px}.cover-caption{font-size:9px}.run-word{font-size:56px}.smile-art{width:125px;height:125px}.section-heading>p{display:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-star,.math-large,.english-sticker,.sudoku-art,.smile-art,.cover-play{transition:transform .3s,opacity .2s}.brand:hover span{transform:rotate(25deg)}.project-cover:hover .math-large{transform:rotate(-3deg)translateY(-4px)}.project-cover:hover .english-sticker{transform:rotate(0)translateY(-4px)}.project-cover:hover .sudoku-art{transform:rotate(2deg)}.project-cover:hover .smile-art{transform:rotate(0)translate(6px)}.project-cover:hover .cover-play,.project-cover:focus-visible .cover-play{opacity:1;transform:translateY(0)}}.hero-title-ko{letter-spacing:-.065em;font-family:Noto Sans KR,system-ui,sans-serif;font-size:clamp(60px,9vw,110px);font-weight:900;line-height:1.12}.hero-title-ko .hero-star{margin-left:.2em;font-size:.75em}footer{border-top:1px solid var(--rule)}@media (width<=759px){.hero-title-ko{font-size:clamp(48px,13vw,88px)}.hero-bottom>.hero-description{margin:0}}.projects-section{border-top:0;padding-top:24px}.collection-label{color:#62645b;align-items:center;gap:10px;margin-bottom:24px;display:flex}.collection-label h1{letter-spacing:.12em;margin:0;font-family:inherit;font-size:10px;font-weight:700;line-height:1.7}.collection-label>span{font-variant-numeric:tabular-nums;font-size:10px}.project-card:nth-child(4n+2){margin-top:40px}@media (width<=759px){.projects-section{padding-top:18px}.collection-label{margin-bottom:16px}.project-card:nth-child(n){margin-top:0}}.project-card[data-project=what-grade-science]{--cover:#abd9cd;--ink:#204e47}.science-word{letter-spacing:-.06em;font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(38px,5.5vw,64px);line-height:1;position:absolute;top:12px;left:0}.science-art{width:170px;height:170px;position:absolute;bottom:30px;right:0;transform:rotate(-12deg)}@media (width<=759px){.science-word{font-size:48px}.science-art{width:145px;height:145px}}@media (width<=370px){.science-word{font-size:40px}.science-art{width:125px;height:125px}}