@import url('/brand/downloads/tokens.css');
:root{--white:var(--hypurr-white);--mint:var(--hypurr-accent);--sky:var(--hypurr-sky);--cloud:var(--hypurr-cloud);--ink:var(--hypurr-ink);--muted:var(--hypurr-ink2);--line:var(--hypurr-line);--mint-tint:var(--hypurr-accentDark);--sky-tint:var(--hypurr-skyTint);--sky-surface:var(--hypurr-skySoft);--cloud-tint:var(--hypurr-cloud);--focus:var(--hypurr-accentDim);--soft:var(--hypurr-soft);--cement:var(--hypurr-cement);--display:'Bricolage Grotesque';--body:'Pretendard';--mono:'IBM Plex Mono';color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:114px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body),-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button:disabled{cursor:wait;opacity:.55}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display),var(--body),sans-serif;font-weight:700;line-height:1.07;letter-spacing:-.035em}.page-width,.header-inner{max-width:1160px;margin:0 auto;width:calc(100% - 96px)}.mono,.eyebrow{font-family:var(--mono),monospace;font-weight:500}.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.7;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:9px}.text-link{font-family:var(--display),var(--body),sans-serif;font-weight:600;font-size:14px;display:inline-flex;gap:15px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{background:var(--mint);border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;font-family:var(--display),var(--body),sans-serif;font-weight:600;font-size:14px;line-height:1.4;transition:transform .18s,background .18s}.button:hover{background:color-mix(in srgb,var(--mint) 80%,var(--white));transform:translateY(-2px)}.skip-link{position:absolute;left:20px;top:-80px;padding:12px 20px;background:var(--white);z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--white) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-link{flex-shrink:0}.home-link img{width:120px;height:auto}.primary-nav{display:flex;align-items:center;gap:30px;font-family:var(--display),var(--body),sans-serif;font-size:13px;font-weight:600}.primary-nav>a:not(.button){position:relative;padding:8px 0}.primary-nav>a:not(.button):after{content:'';position:absolute;height:2px;bottom:0;left:0;width:100%;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .2s}.primary-nav>a:hover:after{transform:scaleX(1)}.header-download{margin-left:8px;padding:11px 17px}.menu-toggle{display:none}
.hero{padding-top:59px}.hero-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:44px;align-items:end;margin-bottom:39px}.hero h1{font-size:clamp(48px,5.8vw,76px);letter-spacing:-.047em;line-height:1.04;margin-top:17px}.hero h1 span{color:var(--focus)}.hero-intro{max-width:290px;justify-self:end;padding-bottom:4px}.hero-intro>p:first-child{font-family:var(--display),var(--body),sans-serif;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.hero-intro>p:nth-child(2){font-size:13px;color:var(--muted);line-height:1.8;margin:16px 0 22px}.hero-art{height:382px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:linear-gradient(155deg,var(--sky) 0%,var(--sky-tint) 64%,var(--mint-tint) 100%)}.hero-art-top,.hero-art-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:2}.hero-art-top{top:24px}.hero-art-bottom{bottom:26px}.hero-art-bottom>span:first-child{font-family:var(--mono),monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}.hero-logo{position:relative;z-index:1;width:57%;max-width:610px;height:auto}.sticker-tag{font-family:var(--display),sans-serif;font-size:15px;letter-spacing:-.3px;line-height:1.1;font-weight:600;background:var(--mint);border:5px solid var(--white);padding:12px 20px;border-radius:12px;transform:rotate(-6deg)}.hero-cloud{position:absolute;pointer-events:none;border-radius:50%;filter:blur(16px);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--white) 97%,transparent) 0%,color-mix(in srgb,var(--white) 60%,transparent) 43%,transparent 72%)}.cloud-one{width:86%;height:85%;left:-20%;bottom:-27%;transform:rotate(-13deg)}.cloud-two{width:72%;height:80%;right:-19%;top:-20%;transform:rotate(-18deg)}.color-dots{display:flex;gap:7px}.color-dots i{display:block;width:11px;height:11px;border-radius:50%;background:var(--white);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.color-dots i:nth-child(2){background:var(--sky)}.color-dots i:nth-child(3){background:var(--mint)}.hero-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:11px;margin-top:14px}.hero-caption .mono{font-size:10px;letter-spacing:.5px}
.brand-section{padding-top:103px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:end;margin-bottom:31px}.section-heading h2{font-size:clamp(34px,3.7vw,48px);margin-top:13px;letter-spacing:-.035em;line-height:1.06}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.85;justify-self:end;text-align:left;max-width:350px;padding-bottom:2px}.logo-showcase{background:var(--white);border:1px solid var(--line);border-radius:22px;min-height:365px;display:flex;align-items:center;justify-content:center;position:relative;padding:75px 50px 85px;transition:background .2s}.logo-showcase[data-surface=mint]{background:var(--mint-tint)}.logo-showcase[data-surface=sky]{background:var(--sky-surface)}.logo-showcase[data-surface=cloud]{background:var(--cloud-tint)}.logo-showcase>img{width:45%;height:auto}.canvas-label{position:absolute;top:23px;left:25px;font-size:10px;letter-spacing:1px;color:var(--muted)}.canvas-actions{position:absolute;bottom:21px;right:24px;display:flex;gap:8px}.small-button{font-family:var(--display),var(--body),sans-serif;font-size:12px;font-weight:600;line-height:1.3;border:1px solid var(--line);background:var(--white);border-radius:7px;padding:10px 12px;display:flex;align-items:center;gap:14px}.small-button:hover{background:var(--soft)}.logo-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:17px}.surface-options{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.surface-options button{font-family:var(--display),sans-serif;border:1px solid transparent;padding:7px 10px;border-radius:7px;background:var(--white);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.surface-options button[aria-pressed=true]{border-color:var(--line);background:var(--soft)}.surface-dot{display:inline-block;width:12px;height:12px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:50%}.surface-dot.white{background:var(--white)}.surface-dot.mint{background:var(--mint)}.surface-dot.sky{background:var(--sky)}.surface-dot.cloud{background:var(--cloud)}.logo-controls>p{font-size:11px;color:var(--muted)}
.palette-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px}.swatch{border:0;border-radius:19px;text-align:left;padding:23px 21px;min-height:276px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s,box-shadow .18s;min-width:0}.swatch:hover{transform:translateY(-5px);box-shadow:0 10px 22px color-mix(in srgb,var(--ink) 6%,transparent)}.swatch-white{background:var(--white);border:1px solid var(--line)}.swatch-mint{background:var(--mint)}.swatch-sky{background:var(--sky)}.swatch-cloud{background:var(--cloud)}.swatch-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono),monospace;font-size:9px;letter-spacing:.5px}.swatch-top>span:last-child{font-size:16px;line-height:1}.swatch-body{display:flex;flex-direction:column}.swatch-body strong{font-family:var(--display),sans-serif;font-size:29px;font-weight:700;letter-spacing:-.035em;line-height:1.1}.swatch-hex{font-family:var(--mono),monospace;font-size:12px;margin-top:8px}.swatch-use{font-size:11px;margin-top:22px}.palette-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.palette-note>span{font-size:11px;color:var(--muted)}.palette-note .text-link{font-size:12px}.color-ratio{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-top:30px}.ratio-white{width:60%;background:var(--cloud)}.ratio-sky{width:30%;background:var(--sky)}.ratio-mint{width:10%;background:var(--mint)}.ratio-caption{display:flex;justify-content:space-between;gap:15px;margin-top:9px;font-family:var(--mono),monospace;font-size:9px;letter-spacing:.3px;color:var(--muted)}
.type-tester{border:1px solid var(--line);background:var(--mint-tint);border-radius:21px;padding:24px 28px}.tester-toolbar,.tester-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.type-tabs{display:flex;gap:6px;flex-wrap:wrap}.type-tabs button{font-family:var(--display),var(--body),sans-serif;font-weight:600;font-size:12px;border:1px solid transparent;padding:8px 12px;border-radius:7px;background:transparent}.type-tabs button[aria-pressed=true]{background:var(--white);border-color:var(--line)}.weight-label{font-size:10px;color:var(--muted);font-family:var(--mono),monospace;display:flex;align-items:center;gap:10px}.weight-label select{font-family:var(--body),sans-serif;font-size:12px;color:var(--ink);padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--white);max-width:155px}.type-input{width:100%;padding:38px 0 42px;margin:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--display),var(--body),sans-serif;font-weight:700;font-size:clamp(36px,6.5vw,84px);letter-spacing:-.05em;line-height:1.2;min-width:0;text-overflow:ellipsis}.type-input:focus{outline-offset:-4px}.tester-bottom{font-size:11px;color:var(--muted)}.tester-bottom>span:first-child{font-family:var(--mono),monospace}.font-status{font-size:11px;color:var(--muted);margin-top:8px;min-height:0}.font-status:empty{display:none}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}.font-card{padding:22px 0 0;border-top:1px solid var(--line)}.font-example{font-size:86px;line-height:1.1;letter-spacing:-.055em;margin:26px 0 22px}.display-example{font-family:var(--display),sans-serif;font-weight:700}.korean-example{font-family:var(--body),sans-serif;font-weight:600}.mono-example{font-family:var(--mono),monospace;font-weight:500}.font-card h3{font-size:20px;letter-spacing:-.025em}.font-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:11px 0 18px}.font-card .text-link{font-size:12px}
.application-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:17px}.product-figure{min-width:0;overflow:hidden;position:relative;border-radius:23px;height:545px;display:flex;flex-direction:column;align-items:center;justify-content:center}.glacier-figure{background:var(--sky-surface)}.mint-figure{background:var(--mint-tint)}.figure-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;z-index:1;font-size:10px}.figure-top>span:first-child{letter-spacing:.3px}.product-figure>img{max-width:none;width:145%;height:auto;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 16px 11px color-mix(in srgb,var(--ink) 10%,transparent))}.mint-figure>img{transform:rotate(5deg)}.product-figure figcaption{position:absolute;bottom:22px;left:25px;right:25px;font-size:12px;color:var(--muted)}.type-poster{background:var(--sky);min-height:405px;border-radius:23px;padding:27px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;overflow:hidden}.poster-header,.poster-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px}.poster-symbol{font-size:33px;line-height:1}.type-poster>p{font-family:var(--display),sans-serif;font-size:clamp(44px,4.9vw,63px);line-height:.98;letter-spacing:-.045em;font-weight:700}.type-poster>p>span{color:var(--white);text-shadow:1px 1px 0 var(--ink),-1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px -1px 0 var(--ink)}.poster-footer{font-family:var(--mono),monospace;font-size:8px;letter-spacing:.2px}.detail-composition{background:var(--cloud);border-radius:23px;min-height:405px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;position:relative;overflow:hidden}.sticker-sheet{width:100%;max-width:340px;display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:center}.label-sticker{font-family:var(--display),sans-serif;display:flex;align-items:center;justify-content:center;text-align:center;font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.06;min-height:110px;border:6px solid var(--white);box-shadow:0 5px 0 color-mix(in srgb,var(--ink) 5%,transparent)}.label-mint{background:var(--mint);border-radius:16px;transform:rotate(-7deg);font-size:14px;line-height:1.4}.label-sky{background:var(--sky);border-radius:50%;transform:rotate(9deg);min-height:142px;aspect-ratio:1;font-size:26px}.label-cloud{background:var(--cloud);border-radius:38px 10px;transform:rotate(5deg);font-size:22px}.label-logo{background:var(--white);transform:rotate(-8deg);border-radius:17px;min-height:95px}.label-logo img{width:100%;height:auto}.composition-caption{position:absolute;bottom:20px;font-size:9px;letter-spacing:.3px;color:var(--muted)}
.guideline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.guideline-grid article{padding-top:21px;border-top:1px solid var(--line)}.guideline-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--mint-tint);font-family:var(--mono),monospace;font-size:11px;border-radius:50%;margin-bottom:22px}.guideline-grid article:nth-child(2) .guideline-number{background:var(--sky-surface)}.guideline-grid article:nth-child(3) .guideline-number{background:var(--cloud-tint)}.guideline-grid h3{font-size:23px;margin-bottom:13px}.guideline-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.faq-list{margin-top:40px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:22px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:14px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 42px 24px 0;max-width:780px}
.download-section{margin-top:95px;background:var(--sky);border-radius:27px;min-height:425px;padding:47px 50px;display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;overflow:hidden}.download-section .eyebrow{color:var(--ink)}.download-section h2{font-size:clamp(54px,5.7vw,75px);margin:16px 0 18px;line-height:.99;letter-spacing:-.045em}.download-content>p:not(.eyebrow){font-size:14px}.download-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.kit-button{background:var(--white);box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 8%,transparent);font-size:14px;padding:13px 18px}.kit-button:hover{background:color-mix(in srgb,var(--mint-tint) 60%,var(--white))}.download-actions .text-link{font-size:12px}.download-formats{display:block;margin-top:21px;font-size:9px;letter-spacing:.8px}.kit-illustration{position:relative;min-height:286px;max-width:290px;width:100%;justify-self:center}.kit-page{position:absolute;inset:0;border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.page-back{background:var(--mint);transform:rotate(13deg) translate(17px,-3px)}.page-mid{background:var(--cloud);transform:rotate(-12deg) translate(-10px,6px)}.page-front{background:var(--white);transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 20px;box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 8%,transparent)}.page-front>span{font-size:9px;letter-spacing:1px;align-self:start}.page-front>img{width:92%;height:auto}.kit-swatches{width:100%;height:33px;display:flex;gap:6px}.kit-swatches>span{flex:1;background:var(--white);border:1px solid var(--line);border-radius:3px}.kit-swatches>span:nth-child(2){background:var(--sky)}.kit-swatches>span:nth-child(3){background:var(--mint)}
.site-footer{padding-top:55px;padding-bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer img{width:118px;height:auto}.site-footer p{font-size:11px;color:var(--muted);margin-top:10px}.footer-links{display:flex;gap:22px;font-family:var(--display),sans-serif;font-size:12px;font-weight:600}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-signoff{font-size:9px;color:var(--muted);letter-spacing:.4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);width:max-content;background:var(--white);color:var(--ink);box-shadow:0 5px 25px color-mix(in srgb,var(--ink) 13%,transparent);border:1px solid var(--line);border-radius:10px;padding:11px 18px;font-size:13px;z-index:50;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.page-width,.header-inner{max-width:1220px}.hero-art{height:420px}.hero h1{font-size:82px}}
@media(max-width:1000px){.page-width,.header-inner{width:calc(100% - 64px)}.primary-nav{gap:21px}.hero h1{font-size:59px}.hero-heading{grid-template-columns:1.5fr 1fr;gap:25px}.hero-intro>p:first-child{font-size:20px}.hero-art{height:335px}.hero-logo{width:61%}.swatch{padding:20px 17px;min-height:235px}.swatch-body strong{font-size:24px}.section-heading h2{font-size:39px}.product-figure{height:450px}.type-poster,.detail-composition{min-height:345px}.type-poster>p{font-size:51px}.download-section{padding:39px 36px;gap:28px}.kit-illustration{max-width:245px;min-height:252px}.footer-signoff{display:none}}
@media(max-width:760px){html{scroll-padding-top:95px}.page-width,.header-inner{width:calc(100% - 40px)}.header-inner{height:75px}.home-link img{width:104px}.menu-toggle{display:flex;border:1px solid var(--line);padding:9px 11px;border-radius:7px;background:var(--white);gap:18px;align-items:center;font-family:var(--display),sans-serif;font-weight:600;font-size:13px}.primary-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--line);padding:16px 20px 21px;box-shadow:0 8px 12px color-mix(in srgb,var(--ink) 3%,transparent)}.primary-nav.is-open{display:flex;flex-wrap:wrap;gap:16px 25px;align-items:center}.header-download{margin-left:auto}.hero{padding-top:36px}.hero-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.hero h1{font-size:clamp(43px,8.8vw,62px);letter-spacing:-.043em}.hero-intro{justify-self:start;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;width:100%}.hero-intro>p:first-child{font-size:19px}.hero-intro>p:nth-child(2){margin:0;font-size:12px}.hero-intro>.text-link{margin-top:5px;font-size:12px}.hero-art{height:282px;border-radius:20px}.hero-logo{width:69%}.hero-art-top,.hero-art-bottom{left:18px;right:18px}.hero-art-top{top:18px}.hero-art-bottom{bottom:18px}.hero-art-bottom>span:first-child{font-size:8px;max-width:140px}.sticker-tag{font-size:12px;padding:10px 12px;border-width:4px}.hero-caption{font-size:10px;align-items:start}.hero-caption .mono{font-size:8px}.brand-section{padding-top:69px}.section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.section-heading h2{font-size:37px}.section-heading>p{justify-self:start;font-size:13px;line-height:1.8;max-width:none}.section-heading .eyebrow{font-size:9px}.logo-showcase{min-height:280px;padding:60px 30px 82px;border-radius:18px}.logo-showcase>img{width:68%}.canvas-actions{right:18px;bottom:17px}.canvas-label{left:18px;top:19px;font-size:9px}.logo-controls{flex-direction:column;align-items:start;gap:10px}.surface-options button{padding:8px 9px}.palette-grid{grid-template-columns:1fr 1fr;gap:10px}.swatch{min-height:220px;padding:21px}.swatch-body strong{font-size:27px}.palette-note{align-items:start;flex-wrap:wrap;gap:10px}.palette-note>span{font-size:10px}.palette-note .text-link{font-size:11px}.ratio-caption{font-size:8px}.type-tester{padding:18px 19px}.tester-toolbar{align-items:start;gap:12px}.type-tabs{gap:3px}.type-tabs button{padding:8px;font-size:11px}.weight-label{font-size:0;gap:0}.weight-label select{max-width:130px;font-size:11px;padding:8px 6px}.type-input{font-size:53px;padding:35px 0}.tester-bottom{font-size:10px;align-items:start}.tester-bottom>span:first-child{font-size:9px}.font-grid{gap:21px}.font-card .eyebrow{font-size:8px;letter-spacing:.5px}.font-example{font-size:65px;margin:22px 0 18px}.font-card h3{font-size:17px;line-height:1.15}.font-card p{font-size:11px;line-height:1.85;margin:9px 0 15px}.font-card .text-link{font-size:10px;gap:4px}.application-grid{gap:12px;grid-template-columns:1fr 1fr}.product-figure{height:330px;border-radius:18px}.product-figure>img{width:173%}.figure-top{left:15px;right:15px;top:16px;font-size:8px;gap:5px}.figure-top>span:first-child{letter-spacing:-.2px}.product-figure figcaption{left:15px;right:15px;bottom:14px;font-size:10px}.type-poster{padding:20px;min-height:305px;border-radius:18px}.type-poster>p{font-size:42px}.poster-header{font-size:8px}.poster-footer>span:last-child{display:none}.detail-composition{min-height:305px;padding:20px 14px;border-radius:18px}.sticker-sheet{gap:10px}.label-sticker{border-width:4px;min-height:80px}.label-mint{font-size:10px}.label-sky{min-height:100px;font-size:20px}.label-cloud{font-size:15px}.label-logo{min-height:76px}.composition-caption{font-size:7px;bottom:15px}.guideline-grid{gap:20px}.guideline-grid h3{font-size:20px;line-height:1.12}.guideline-grid p{font-size:12px;line-height:1.9}.faq-list{margin-top:30px}.faq-list summary{font-size:13px;padding:19px 0}.faq-list details>p{font-size:12px}.download-section{margin-top:65px;padding:34px 30px;grid-template-columns:1fr 1fr;gap:30px;min-height:380px;border-radius:22px}.download-section h2{font-size:55px}.download-content>p:not(.eyebrow){font-size:12px;line-height:1.7}.download-actions{gap:17px;margin-top:21px}.kit-button{font-size:12px;padding:12px 14px;gap:12px}.download-actions .text-link{font-size:11px}.download-formats{font-size:8px;line-height:1.8}.kit-illustration{max-width:200px;min-height:223px}.page-front{padding:18px 15px}.page-front>span{font-size:7px}.kit-swatches{height:26px}.site-footer{padding-top:38px;padding-bottom:30px;gap:26px}.footer-links{font-size:11px;gap:18px}}
@media(max-width:480px){.hero-intro{display:block}.hero-intro>p:first-child{display:none}.hero-intro>p:nth-child(2){font-size:12px;margin:0 0 12px}.hero-art{height:245px}.hero-logo{width:78%}.hero-art-top .eyebrow{font-size:8px;letter-spacing:.7px}.hero-art-bottom>span:first-child{font-size:7px;letter-spacing:.3px;max-width:99px}.sticker-tag{font-size:10px;padding:8px 10px}.hero-caption>span:last-child{display:none}.section-heading h2{font-size:34px}.logo-showcase{min-height:238px;padding:55px 20px 78px}.logo-showcase>img{width:87%}.canvas-actions{left:15px;right:15px;justify-content:end}.small-button{font-size:11px;gap:10px;padding:10px}.surface-options{gap:0;width:100%;justify-content:space-between}.surface-options button{font-size:11px;padding:7px}.swatch{padding:18px 16px;min-height:198px}.swatch-body strong{font-size:24px}.swatch-top{font-size:8px}.swatch-use{font-size:10px;margin-top:18px}.palette-note{flex-direction:column}.tester-toolbar{flex-wrap:wrap;align-items:center}.type-input{font-size:43px;padding:31px 0;letter-spacing:-.04em}.tester-bottom{flex-direction:column;gap:6px}.font-grid{grid-template-columns:1fr;gap:25px}.font-card{position:relative;padding-right:100px;padding-top:20px;min-height:176px}.font-example{position:absolute;right:0;top:18px;font-size:64px;margin:0}.font-card .eyebrow{font-size:9px;margin-bottom:18px}.font-card h3{font-size:21px}.font-card p{font-size:12px;margin-top:10px}.font-card .text-link{font-size:11px}.application-grid{grid-template-columns:1fr}.product-figure{height:405px}.product-figure>img{width:155%}.figure-top{font-size:9px;top:19px;left:20px;right:20px}.product-figure figcaption{left:20px;bottom:18px;font-size:11px}.type-poster{min-height:340px;padding:25px}.type-poster>p{font-size:54px}.poster-header{font-size:10px}.poster-footer>span:last-child{display:block;font-size:7px}.detail-composition{min-height:325px}.sticker-sheet{max-width:280px;gap:18px}.label-mint{font-size:13px}.label-sticker{min-height:100px}.label-sky{min-height:126px;font-size:25px}.label-cloud{font-size:22px}.label-logo{min-height:85px}.composition-caption{font-size:8px}.guideline-grid{grid-template-columns:1fr;gap:24px}.guideline-grid article{display:grid;grid-template-columns:38px 1fr;gap:0 14px}.guideline-number{grid-row:1/3;margin:0}.guideline-grid h3{font-size:23px;margin:3px 0 10px}.guideline-grid p{font-size:13px}.download-section{grid-template-columns:1fr;padding:31px 27px;gap:50px}.download-section h2{font-size:63px}.download-actions{align-items:start;flex-direction:column;gap:15px}.kit-illustration{min-height:254px;max-width:236px;margin-bottom:16px}.page-front{padding:23px 20px}.page-front>span{font-size:9px}.site-footer{align-items:start;gap:26px}.footer-links{max-width:135px;flex-wrap:wrap;gap:11px 17px}.site-footer>div:first-child{max-width:165px}.site-footer p{font-size:10px}.header-download{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the complete collectible visible between its caption and label. */
.product-figure>img{width:auto;height:calc(100% - 84px)}
.type-input[data-mode="data"]{font-size:clamp(20px,4.3vw,64px)}
.type-input[data-mode="korean"]{font-size:clamp(25px,5vw,68px)}

/* Three core colors: white, sky, mint. Surface tints are functional variants. */
@media(max-width:760px){#hypurr-colors .palette-grid{grid-template-columns:1fr 1fr}#hypurr-colors .swatch-sky{grid-column:1/-1;grid-row:1;min-height:235px}}

.footer-disclaimer{flex-basis:100%;margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted);max-width:none}