@font-face{font-family:SUIT;src:url('assets/fonts/SUIT-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--canvas:#f2f2f2;--paper:#fff;--ink:#111;--yellow:#e6e51e;--blue:#466cf3;--navy:#173b63;--red:#f34646;--peach:#ff8562;--line:#dedede;--muted:#4c4c4c}
*{box-sizing:border-box}
html{font-size:clamp(100%,calc(68.75% + .4166667vw),150%);scroll-behavior:smooth;scroll-padding-top:1.5625rem}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:SUIT,'Malgun Gothic',sans-serif;font-size:1.0625rem;font-weight:450;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:0.1875rem solid #466cf3;outline-offset:0.3125rem}
button{cursor:pointer}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:1.23}
img{display:block;max-width:100%}
.container{width:min(75rem,calc(100% - 5rem));margin-inline:auto}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:-5rem;left:1.25rem;background:#fff;padding:0.8125rem 1.25rem;z-index:50}
.skip-link:focus{top:0.9375rem}
.site-header{margin-top:1rem;position:relative;z-index:10}
.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.625rem 1.5rem;background:#fff;border-radius:1.5rem 1.5rem 0 0}
.language-switch{display:flex;align-items:center;gap:.25rem;font-size:.9375rem;font-weight:750;flex-shrink:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;min-width:2.75rem;padding:.375rem .75rem;border-radius:.5rem}
.language-flag{display:block;width:1.125rem;height:.75rem;flex-shrink:0;border-radius:.0625rem;box-shadow:0 0 0 1px #0002}
.language-switch a[aria-current="page"]{background:var(--navy);color:#fff}
.language-switch a:hover{text-decoration:underline;text-underline-offset:.25rem}
.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.25rem;padding:.25rem 1.5rem;background:var(--navy);color:#fff;border-radius:0 0 1rem 1rem}
.brand{width:6.75rem;flex-shrink:0;margin-right:auto}
.brand img{width:6.75rem;height:4.5rem;object-fit:contain}
.desktop-nav{display:flex;gap:2.125rem;font-size:1rem;font-weight:650}
.desktop-nav a{display:inline-flex;align-items:center;min-height:2.75rem}
.desktop-nav a:hover{text-decoration:underline;text-underline-offset:0.375rem}
.nav-contact{color:white;display:flex;gap:1rem;align-items:center;min-height:2.75rem;padding:.25rem 0;font-size:1rem;font-weight:750;margin-left:auto}
.nav-contact span{font-size:1.25rem;line-height:1}
.mobile-menu{display:none}
.hero{padding-top:5rem;text-align:center}
.hero-kicker{display:inline-flex;gap:0.5rem;align-items:center;font-size:0.75rem;font-weight:700;letter-spacing:.045em}
.hero-kicker>span{font-size:1.0625rem}
.hero h1{font-size:clamp(3.125rem,5.15vw,4.375rem);font-weight:850;letter-spacing:-.045em;line-height:1.2;margin-top:1.375rem}
.headline-line{display:block}
.headline-line+.headline-line{margin-top:0.375rem}
.headline-sticker{display:inline-flex;align-items:center;justify-content:center;vertical-align:.05em;height:.95em;width:1.04em;font-family:Arial,sans-serif;letter-spacing:0;border-radius:.22em;margin-inline:.02em;font-size:.95em;font-weight:500;line-height:1}
.sticker-yellow{background:var(--yellow);transform:rotate(-9deg)}
.sticker-blue{background:var(--blue);color:white;transform:rotate(8deg);font-size:.91em}
.hero-description{font-size:1.125rem;color:#333;line-height:1.8;margin-top:1.4375rem;font-weight:450}
.hero-actions{display:flex;justify-content:center;gap:0.75rem;margin-top:1.75rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:3.375rem;padding:0.9375rem 1.6875rem;border-radius:62.4375rem;font-size:1rem;line-height:1.5;font-weight:700;transition:transform .2s}
.button:hover{transform:translateY(-0.125rem)}
.button span{font-family:Arial,sans-serif;font-size:1.375rem;font-weight:400;line-height:1}
.button-yellow{background:var(--yellow);color:#000}
.button-black{background:#111;color:white}
.hero-intro{display:grid;grid-template-columns:minmax(0,max-content) 19rem;align-items:center;justify-content:center;gap:1.75rem;width:min(100%,60rem);margin-inline:auto;text-align:left}
.hero-copy{min-width:0}
.hero-copy .hero-actions{justify-content:flex-start}
.brand-qr{position:relative;width:min(19rem,100%);min-width:0;aspect-ratio:1;overflow:hidden;padding:0;background:transparent;border-radius:0}
/* Show the original PNG's orange square (56,56)-(300,300), without editing its pixels. */
.brand-qr img{position:absolute;width:146.3114754098%;max-width:none;height:auto;left:-22.9508196721%;top:-22.9508196721%;image-rendering:pixelated}
.contact:has(.contact-qr){display:grid;grid-template-columns:minmax(0,1fr) 10rem;gap:2rem;align-items:center}
.contact>div.contact-copy{max-width:none;padding-right:0}
.contact-qr{width:min(10rem,100%);justify-self:end}
@media(max-width:68.75em){.hero-intro{grid-template-columns:minmax(0,1fr);text-align:center;gap:2rem}
.hero-copy .hero-actions{justify-content:center}
.hero-qr{justify-self:center}
}
@media(max-width:50em){.contact:has(.contact-qr){grid-template-columns:minmax(0,1fr);gap:2rem}
.contact-qr{width:min(8rem,100%);justify-self:center}
}
.idea-board{margin-top:4.5rem;background:white;border:0.0625rem solid var(--navy);border-radius:1.625rem;overflow:hidden;text-align:left}
.board-toolbar{padding:0.9375rem 1.375rem;border-bottom:0.0625rem solid var(--navy);display:flex;align-items:center;gap:0.9375rem;font-size:0.75rem;font-weight:650;background:var(--navy);color:#fff}
.window-dots{display:flex;gap:0.3125rem}
.window-dots i{display:block;width:0.5rem;height:0.5rem;border-radius:50%;background:var(--red)}
.window-dots i:nth-child(2){background:var(--yellow)}
.window-dots i:nth-child(3){background:var(--blue)}
.board-caption{margin-left:auto;color:#fff;font-size:0.75rem;font-weight:450}
.board-canvas{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:2.1875rem;align-items:center;padding:2.75rem 4.125rem 2.875rem;background-color:#f8f8f8;background-image:radial-gradient(#cfcfcf 0.05rem,transparent 0.05rem);background-size:1.125rem 1.125rem}
.play-window{border:0.1875rem solid var(--yellow);border-radius:1.75rem;background:#fff;min-height:22.375rem;padding:1.25rem 1.5625rem 1.0625rem;position:relative}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
.tiny-label{font-size:0.75rem;font-weight:800;letter-spacing:.045em}
.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:6.1875rem;padding:0.25rem 0.625rem;font-size:0.75rem;font-weight:600;line-height:1.3;white-space:nowrap}
.tag-outline{border:0.0625rem solid #111}
.tag-black{background:#111;color:white;font-size:0.75rem;padding:0.375rem 0.75rem}
.play-window-copy{margin-top:0.875rem}
.play-window h2{font-size:1.6875rem;line-height:1.15;letter-spacing:-.04em}
.play-window-copy p{font-size:0.75rem;margin-top:0.5rem;color:#444}
.preview-cards{position:relative;display:flex;justify-content:center;gap:0.625rem;margin-top:1.1875rem;min-height:8.3125rem;perspective:43.75rem}
.preview-card{position:relative;width:6.4375rem;height:8.25rem;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);flex-shrink:0}
.card-carrot{transform:rotate(-8deg)}
.card-tomato{transform:rotate(8deg)}
.card-corn{margin-top:-0.4375rem}
.card-front,.card-back{position:absolute;inset:0;border:0.09375rem solid #111;border-radius:0.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;background:white}
.card-front svg{height:4.5rem;width:3.875rem}
.card-front strong{font-size:0.8125rem;font-weight:750;margin-top:0.3125rem}
.card-front>span{font-size:0.75rem;font-weight:700;letter-spacing:.1em;margin-top:0}
.card-back{transform:rotateY(180deg);background:var(--yellow)}
.card-back>span{font-size:2.8125rem;line-height:1;font-family:Arial,sans-serif}
.card-back small{font-size:0.75rem;font-weight:800;letter-spacing:.05em;margin-top:0.75rem}
.cards-flipped .card-carrot{transform:rotate(-8deg) rotateY(180deg)}
.cards-flipped .card-corn{transform:rotateY(180deg)}
.cards-flipped .card-tomato{transform:rotate(8deg) rotateY(180deg)}
.flip-button{background:#111;border:0;color:#fff;border-radius:6.1875rem;padding:0.4375rem 0.875rem;display:flex;align-items:center;gap:1rem;font-size:0.75rem;font-weight:600;line-height:1.3;margin:1.125rem auto 0}
.flip-button>span:last-child{font-size:1.0625rem;line-height:1}
.side-panels{display:flex;flex-direction:column;gap:1.1875rem}
.content-window{border:0.0625rem solid #ddd;border-radius:1.375rem;background:white;padding:1.125rem 1.4375rem 1.375rem;position:relative;overflow:hidden;min-height:12.5rem}
.round-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--peach);font:1.3125rem Arial,sans-serif}
.content-window h3{font-size:1.625rem;margin-top:0.625rem;max-width:15.3125rem;position:relative;z-index:1;line-height:1.23}
.content-chips{display:flex;gap:0.375rem;margin-top:1.0625rem;position:relative;z-index:1}
.content-chips>span{border:0.0625rem solid #111;background:white;font-size:0.75rem;border-radius:6.25rem;padding:0.1875rem 0.5625rem;font-weight:550}
.note-shape{position:absolute;bottom:1.75rem;right:1.625rem;width:5.625rem;height:6.6875rem;border:0.0625rem solid #111;background:#ff8562;transform:rotate(12deg);border-radius:0.6875rem;display:flex;flex-direction:column;gap:0.5625rem;padding:1.5625rem 0.8125rem}
.note-shape span{height:0.125rem;background:#111;width:100%}
.note-shape span:last-child{width:65%}
.learn-window{position:relative;display:flex;align-items:center;gap:1.0625rem;border:0.0625rem solid #ddd;background:#fff;border-radius:1.375rem;padding:1.3125rem 1.4375rem;min-height:8rem;overflow:hidden}
.learn-mark{background:#466cf3;color:#fff;border-radius:1.0625rem;font-size:1.6875rem;font-weight:850;padding:0.6875rem 0.5625rem;line-height:1;transform:rotate(-7deg);flex-shrink:0}
.learn-window .tiny-label{font-size:0.75rem}
.learn-window h3{font-size:1.25rem;margin-top:0.3125rem;line-height:1.2}
.learn-spark{font-size:2.875rem;color:#e6e51e;-webkit-text-stroke:0.0625rem #111;position:absolute;right:1.125rem;bottom:0.875rem;line-height:1}
.board-sticker{position:absolute;right:2.75rem;top:1.1875rem;background:#466cf3;color:#fff;padding:0.25rem 0.75rem;border-radius:1.875rem;font-size:0.75rem;font-weight:650;transform:rotate(6deg)}
.board-note{font-size:0.75rem;font-weight:450;color:#4a4a4a;margin-top:0.8125rem}
.section-space{padding-block:6.25rem}
.fields.section-space{padding-top:clamp(3rem,6vw,4.5rem)}
.business-divider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:3rem;background:var(--navy);color:#fff;border-radius:.75rem;overflow:hidden}
.business-divider p{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.75rem;padding:.75rem .5rem;font-size:1rem;line-height:1.5}
.business-divider p+p{border-left:1px solid #ffffff44}
.business-divider strong{font-size:.875rem;letter-spacing:.04em}
.business-divider span{font-weight:650}
.eyebrow{font-size:0.75rem;font-weight:750;letter-spacing:.07em}
.section-heading{text-align:center;margin-bottom:2.4375rem}
.section-heading h2{font-size:2.6875rem;margin-top:1rem;line-height:1.25}
.section-heading>p:last-child{font-size:1.0625rem;line-height:1.75;color:#333;margin-top:1.25rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.service-card{position:relative;background:white;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;align-items:flex-start}
.service-icon{height:3.8125rem;width:4rem;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:2.6875rem;line-height:1;border-radius:1.1875rem;margin-bottom:1.625rem;transform:rotate(-7deg)}
.icon-yellow{background:var(--yellow)}
.icon-peach{background:var(--peach);transform:rotate(5deg)}
.icon-blue{background:var(--blue);color:white;font-size:1.75rem;font-weight:800;transform:rotate(-4deg)}
.service-number{font-size:0.75rem;font-weight:700;letter-spacing:.05em}
.service-card h3{font-size:1.625rem;margin-top:0.5625rem;line-height:1.3}
.service-card>p{font-size:1rem;line-height:1.85;margin-top:1.0625rem;color:#333;margin-bottom:1.375rem}
.status{display:inline-flex;gap:0.4375rem;align-items:center;font-size:0.75rem;font-weight:600;border:0.0625rem solid #ddd;padding:0.25rem 0.625rem;border-radius:1.875rem;margin-top:auto}
.status i{display:block;width:0.3125rem;height:0.3125rem;background:#111;border-radius:50%}
.project{display:grid;grid-template-columns:1fr 1.12fr;gap:4.375rem;background:#fff;border-radius:2.375rem;padding:3.4375rem 3.5rem;align-items:center}
.project-copy h2{font-size:2.4375rem;line-height:1.3;margin-top:1rem}
.project-name{font-size:1.25rem;font-weight:750;margin-top:1.625rem}
.project-description{font-size:1rem;line-height:1.9;color:#333;margin-top:0.875rem;max-width:26.25rem}
.project-tags{display:flex;gap:0.4375rem;margin-top:1.1875rem}
.project-tags span{background:#f2f2f2;border-radius:1.875rem;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600}
.text-link{font-size:0.9375rem;font-weight:700;display:inline-flex;align-items:center;gap:1.4375rem;margin-top:1.6875rem;border-bottom:0.0625rem solid #111;padding-bottom:0.3125rem}
.text-link span{font:1.3125rem Arial,sans-serif}
.project-path{background:#f6f6f6;border:0.1875rem solid var(--yellow);border-radius:1.625rem;padding:1.375rem 1.5rem}
.path-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.0625rem}
.path-step{position:relative;display:flex;gap:0.8125rem;align-items:center;padding:1.25rem 0;border-top:0.0625rem solid #ddd}
.step-number{border:0.0625rem solid #111;background:white;width:1.5625rem;height:1.5625rem;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:0.75rem;font-weight:700}
.path-step strong{font-size:1rem;font-weight:750}
.path-step p{font-size:0.75rem;color:#333;margin-top:0.3125rem}
.path-step>svg{width:2.1875rem;height:2.8125rem;margin-left:auto;flex-shrink:0}
.step-art{font:2.3125rem Arial,sans-serif;margin-left:auto;width:2.1875rem;text-align:center;line-height:1}
.path-note{font-size:0.75rem;border-top:0.0625rem solid #ddd;padding-top:0.875rem;color:#444}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:stretch}
.about-heading{display:flex;flex-direction:column}
.about-heading h2{font-size:2.625rem;margin-top:1.0625rem;line-height:1.3}
.about-heading>.about-description{font-size:1.0625rem;line-height:1.85;color:#333;max-width:28.125rem;margin-top:1.4375rem}
.credential-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(7.5rem,1fr));flex:1;min-height:0;gap:.875rem;list-style:none;margin:1.75rem 0 0;padding:0}
.credential-badges li{min-width:0;background:#fff;border:1px solid var(--line);border-radius:.875rem}
.credential-badges a{display:flex;align-items:center;justify-content:center;height:100%;min-height:7.5rem;padding:.75rem;border-radius:inherit}
.credential-badges img{width:auto;height:auto;max-width:100%;max-height:6.5rem;object-fit:contain}
.company-card{background:white;border-radius:2rem;padding:2.0625rem 2.1875rem}
.founder{display:flex;align-items:center;justify-content:space-between}
.founder h3{margin-top:0.625rem}
.founder h3 span{font-size:0.8125rem;font-weight:550;letter-spacing:0;margin-left:0.4375rem}
.founder-icon{display:grid;place-items:center;width:3.5625rem;height:3.5625rem;background:var(--peach);border-radius:1.0625rem;font:2.4375rem Arial,sans-serif;transform:rotate(7deg)}
.founder-description{font-size:0.9375rem;line-height:1.85;margin-top:1.375rem;color:#333}
.company-card dl{margin:1.5625rem 0 0}
.company-card dl>div{display:grid;grid-template-columns:7.625rem 1fr;gap:0.75rem;padding:0.75rem 0;border-top:0.0625rem solid #e3e3e3;font-size:0.875rem}
.company-card dt{color:#444}
.company-card dd{margin:0;font-weight:650}
.contact{position:relative;background:var(--yellow);border-radius:2rem;padding:1.75rem 2.5rem;overflow:hidden}
.contact>div{position:relative;z-index:1}
.contact h2{font-size:2.25rem;line-height:1.2;margin-top:.25rem}
.contact>div>p:not(.eyebrow){font-size:1.0625rem;margin-top:.5rem}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1rem}
.contact-email{display:inline-block;width:fit-content;font-size:1rem;font-weight:650;text-decoration:underline;text-underline-offset:0.25rem;overflow-wrap:anywhere;word-break:normal}
.contact-art{position:absolute;right:5rem;top:50%;transform:translateY(-50%) rotate(-12deg);font:16.875rem Arial,sans-serif;line-height:1;color:#111}
.site-footer{min-height:7.8125rem;display:flex;align-items:center;gap:1.5625rem;font-size:0.75rem;color:#333}
.footer-brand{font-size:0.75rem;font-weight:800;white-space:nowrap;color:#111}
.footer-brand span{margin-left:0.4375rem;font-size:1.125rem}
.site-footer>p:nth-of-type(2){margin-left:auto;font-size:0.75rem}
.back-top{width:2.125rem;height:2.125rem;display:grid;place-items:center;border:0.0625rem solid #111;border-radius:50%;font-size:1.1875rem;color:#111;flex-shrink:0}
@media(max-width:68.75em){.container{width:calc(100% - 3.5rem)}
.desktop-nav{gap:1.5rem}
.nav-contact{margin-left:0.3125rem}
.hero h1{font-size:3.625rem}
.board-canvas{padding:2.5625rem 2.1875rem 2.1875rem;gap:1.4375rem}
.play-window{padding-inline:1.125rem}
.preview-card{width:5.625rem;height:7.6875rem}
.preview-cards{gap:0.4375rem;min-height:7.8125rem}
.card-front svg{height:4.0625rem;width:3.4375rem}
.play-window h2{font-size:1.5625rem}
.board-sticker{right:1.75rem;top:0.8125rem}
.content-window{padding-inline:1.1875rem}
.content-window h3{font-size:1.4375rem}
.note-shape{right:1.125rem;width:4.1875rem;height:5.3125rem;bottom:1.6875rem;padding:1.25rem 0.625rem;gap:0.4375rem}
.learn-window{padding-inline:1.1875rem;gap:0.75rem}
.learn-window h3{font-size:1.125rem}
.learn-spark{right:0.625rem;font-size:1.9375rem;bottom:1.1875rem}
.service-card{padding:1.75rem}
.service-card h3{font-size:1.5rem}
.service-card>p{font-size:0.9375rem}
.project{padding:2.6875rem 2.3125rem;gap:2.375rem}
.project-copy h2{font-size:2.125rem}
.project-path{padding-inline:1.125rem}
.path-step{gap:0.625rem}
.path-step strong{font-size:0.9375rem}
.path-step p{font-size:0.75rem}
.about{gap:3.75rem}
.about-heading h2{font-size:2.3125rem}
.company-card{padding:1.8125rem}
.contact-art{right:3.4375rem;font-size:14.375rem}
}
@media(max-width:50em){.container{width:calc(100% - 2.5rem)}
.brand-bar{padding:.5rem 1.125rem}
.nav-bar{padding:.125rem 1.125rem;min-height:3rem}
.brand,.brand img{width:6.125rem}
.brand img{height:4.0625rem}
.desktop-nav,.nav-contact{display:none}
.mobile-menu{display:block;width:100%;position:relative}
.mobile-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:0.875rem;font-weight:700;font-size:1rem;min-height:2.75rem;padding:.375rem 0}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary>span{font-size:1.3125rem;font-weight:450}
.mobile-menu nav{padding:.5rem 0 .75rem;border-top:1px solid #ffffff55}
.mobile-menu nav a{display:block;padding:0.625rem 0;font-size:0.9375rem;font-weight:600}
.hero{padding-top:4rem}
.hero h1{font-size:clamp(2.25rem,6.4vw,3.1875rem);margin-top:1.3125rem}
.hero-description{font-size:1rem;line-height:1.8;margin-top:1.3125rem}
.hero-actions{margin-top:1.5625rem;gap:0.625rem}
.button{font-size:0.875rem;padding:0.875rem 1.3125rem;gap:1.125rem;min-height:3.125rem}
.hero-kicker{font-size:0.75rem}
.headline-sticker{border-radius:.25em}
.idea-board{margin-top:3.625rem;border-radius:1.5rem}
.board-toolbar{padding:0.75rem 1rem;gap:0.6875rem;font-size:0.75rem}
.board-caption{font-size:0.75rem}
.window-dots{gap:0.25rem}
.window-dots i{width:0.375rem;height:0.375rem}
.board-canvas{grid-template-columns:1fr;padding:2.25rem 1.875rem 1.75rem;gap:1.25rem}
.play-window{min-height:21.875rem;max-width:31.25rem;width:100%;justify-self:center;padding-inline:1.5625rem}
.play-window-copy{margin-top:0.8125rem}
.play-window h2{font-size:1.6875rem}
.preview-cards{gap:0.8125rem;margin-top:1.0625rem;min-height:8.3125rem}
.preview-card{width:6.25rem;height:8.25rem}
.card-front svg{height:4.5rem;width:3.875rem}
.side-panels{display:grid;grid-template-columns:1fr 1fr;gap:0.9375rem}
.content-window{min-height:10.9375rem;padding:1rem}
.content-window h3{font-size:1.25rem}
.content-chips{gap:0.3125rem;margin-top:0.9375rem}
.content-chips>span{font-size:0.75rem;padding:0.1875rem 0.4375rem}
.note-shape{display:none}
.round-icon{height:1.5rem;width:1.5rem;font-size:1.125rem}
.learn-window{padding:1.25rem 1rem;min-height:10.9375rem;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:0.625rem}
.learn-mark{font-size:1.4375rem;border-radius:0.75rem;padding:0.5rem}
.learn-window h3{font-size:1.125rem}
.learn-spark{right:1rem;bottom:auto;top:1.1875rem;font-size:2rem}
.board-sticker{font-size:0.75rem;top:0.6875rem;right:1.375rem}
.board-note{font-size:0.75rem;margin-top:0.6875rem}
.section-space{padding-block:4.5rem}
.section-heading{margin-bottom:1.875rem}
.section-heading h2{font-size:2.125rem;margin-top:0.875rem}
.section-heading>p:last-child{font-size:1rem;margin-top:1.0625rem}
.service-grid{grid-template-columns:1fr;gap:0.9375rem}
.service-card{padding:1.75rem 1.875rem;display:grid;grid-template-columns:4.625rem 1fr;column-gap:1.375rem;align-items:start}
.service-icon{grid-column:1;grid-row:1/5;width:3.75rem;height:3.75rem;margin-top:0.5625rem;margin-bottom:0}
.service-number{grid-column:2;margin:0;font-size:0.75rem}
.service-card h3{grid-column:2;font-size:1.5625rem;margin-top:0.4375rem}
.service-card>p{grid-column:2;font-size:1rem;margin-top:0.75rem;margin-bottom:1.0625rem}
.status{grid-column:2;justify-self:start;font-size:0.75rem}
.project{grid-template-columns:1fr;gap:1.875rem;padding:2.1875rem 1.875rem;border-radius:1.875rem}
.project-copy h2{font-size:2.125rem;margin-top:0.875rem}
.project-name{font-size:1.1875rem;margin-top:1.3125rem}
.project-description{font-size:1rem;max-width:none;margin-top:0.8125rem}
.text-link{font-size:0.875rem;margin-top:1.5rem}
.project-path{padding:1.3125rem 1.4375rem}
.path-step{padding-block:1.1875rem;gap:0.8125rem}
.path-step strong{font-size:1rem}
.path-step p{font-size:0.75rem}
.path-step>svg{width:2.1875rem}
.path-note{font-size:0.75rem}
.about{grid-template-columns:1fr;gap:1.9375rem}
.about-heading h2{font-size:2.125rem;margin-top:0.9375rem}
.about-heading>.about-description{font-size:1rem;max-width:36.25rem;margin-top:1.1875rem}
.company-card{padding:1.8125rem 1.9375rem;border-radius:1.75rem}
.founder-description{font-size:0.9375rem}
.company-card dl>div{grid-template-columns:8.125rem 1fr;font-size:0.875rem}
.contact{padding:1.5rem 1.75rem;border-radius:1.875rem}
.contact h2{font-size:2rem;line-height:1.25}
.contact .eyebrow{font-size:0.75rem}
.contact>div>p:not(.eyebrow){font-size:1rem;max-width:none}
.contact-art{font-size:8.4375rem;right:1.5625rem;top:4.1875rem;transform:rotate(-12deg);opacity:1}
.contact h2{max-width:22.5rem}
.contact>div{max-width:30rem}
.contact-email{font-size:0.9375rem}
.site-footer{padding-block:1.8125rem;min-height:0;flex-wrap:wrap;gap:0.8125rem 1.25rem;font-size:0.75rem}
.site-footer>p:nth-of-type(2){margin-left:0;order:4;width:100%;font-size:0.75rem}
.footer-brand{font-size:0.75rem}
.back-top{margin-left:auto}
}
@media(max-width:32.5em){.container{width:calc(100% - 2rem)}
.hero{padding-top:3.25rem}
.hero h1{font-size:2.25rem;letter-spacing:-.045em;line-height:1.24}
.hero-description{font-size:0.9375rem;max-width:20.625rem;margin-inline:auto}
.hero-description br{display:none}
.hero-actions{gap:0.5625rem}
.button{padding:0.875rem 1.0625rem;gap:0.8125rem;font-size:0.8125rem;min-height:3rem}
.button span{font-size:1.1875rem}
.hero-kicker{font-size:0.75rem;letter-spacing:.04em}
.idea-board{margin-top:3.0625rem}
.board-toolbar{font-size:0.75rem;gap:0.5625rem;padding:0.75rem}
.board-caption{font-size:0.75rem;max-width:5.875rem;text-align:right}
.board-canvas{padding:1.9375rem 0.875rem 1.1875rem;gap:0.9375rem;background-size:1rem 1rem}
.play-window{padding:1.0625rem 1.0625rem 1rem;min-height:20.625rem;border-radius:1.4375rem}
.play-window h2{font-size:1.5625rem}
.play-window-copy p{font-size:0.75rem}
.tiny-label{font-size:0.75rem}
.tag{font-size:0.75rem}
.preview-cards{gap:0.375rem;min-height:7.4375rem;margin-top:1.1875rem}
.preview-card{width:5.0625rem;height:7.3125rem}
.card-front svg{height:3.8125rem;width:3.25rem}
.card-front strong{font-size:0.75rem}
.card-front>span{font-size:0.75rem}
.card-back>span{font-size:2.375rem}
.card-back small{font-size:0.75rem}
.flip-button{font-size:0.75rem;margin-top:0.9375rem;padding:0.5rem 0.8125rem}
.side-panels{gap:0.625rem}
.content-window,.learn-window{border-radius:1.125rem;padding:0.875rem 0.8125rem;min-height:10.5625rem}
.content-window h3{font-size:1.125rem;margin-top:0.75rem}
.round-icon{height:1.375rem;width:1.375rem;font-size:1.0625rem}
.content-window .tiny-label{font-size:0.75rem}
.content-chips{gap:0.25rem;flex-wrap:wrap;margin-top:0.9375rem}
.content-chips>span{font-size:0.75rem;padding:0.1875rem 0.375rem}
.learn-window h3{font-size:1.0625rem;line-height:1.25}
.learn-window .tiny-label{font-size:0.75rem}
.learn-mark{font-size:1.3125rem}
.learn-spark{right:0.6875rem;font-size:1.6875rem;top:1.125rem}
.board-sticker{font-size:0.75rem;right:1.3125rem;top:0.5625rem;padding:0.1875rem 0.5rem}
.board-note{font-size:0.75rem}
.section-space{padding-block:3.8125rem}
.section-heading h2,.about-heading h2{font-size:1.875rem}
.section-heading>p:last-child{font-size:0.9375rem}
.service-card{padding:1.5625rem 1.4375rem;grid-template-columns:2.875rem 1fr;column-gap:1.1875rem;border-radius:1.6875rem}
.service-icon{height:2.75rem;width:2.75rem;font-size:2rem;border-radius:0.875rem}
.icon-blue{font-size:1.3125rem}
.service-card h3{font-size:1.4375rem}
.service-card>p{font-size:0.9375rem;line-height:1.8}
.service-number{font-size:0.75rem}
.project{padding:1.8125rem 1.5rem;border-radius:1.75rem}
.project-copy h2{font-size:1.875rem}
.project-name{font-size:1.125rem}
.project-description{font-size:0.9375rem;line-height:1.9}
.project-path{padding:1.1875rem 1rem;border-radius:1.375rem}
.path-step{gap:0.625rem}
.path-step strong{font-size:0.875rem}
.path-step p{font-size:0.75rem;max-width:10.9375rem;line-height:1.65}
.step-number{width:1.4375rem;height:1.4375rem;font-size:0.75rem}
.path-step>svg{width:1.75rem;height:2.5rem}
.step-art{font-size:1.75rem;width:1.75rem}
.path-heading .tag{font-size:0.75rem}
.path-note{font-size:0.75rem}
.about-heading>.about-description{font-size:0.9375rem}
.company-card{padding:1.5625rem 1.4375rem}
.founder-description{font-size:0.875rem}
.company-card dl>div{grid-template-columns:7rem 1fr;font-size:0.75rem;gap:0.5rem}
.contact{padding:1.375rem 1.5rem;border-radius:1.75rem}
.contact h2{font-size:2rem;margin-top:.25rem;max-width:none}
.contact-art{font-size:5.4375rem;right:1.125rem;top:4.0625rem}
.contact .eyebrow{max-width:14.375rem;font-size:0.75rem;letter-spacing:.035em}
.contact>div>p:not(.eyebrow){font-size:1rem;max-width:none;line-height:1.8}
.business-divider p{flex-direction:column;gap:.25rem;font-size:.875rem;align-items:flex-start;padding:.75rem .5rem}
.business-divider strong{font-size:.75rem}
.business-divider{margin-bottom:2rem}
.language-switch{font-size:.875rem}
.language-switch a{gap:.3125rem;padding-inline:.5rem}
.brand-bar{gap:1rem;padding-inline:1rem}
.site-footer{gap:0.75rem}
.footer-brand{font-size:0.75rem}
.site-footer>p{font-size:0.75rem}
.back-top{width:1.875rem;height:1.875rem}
}
@media(max-width:21.875em){.hero h1{font-size:1.875rem}
.hero-description{font-size:0.875rem}
.hero-actions{gap:0.4375rem}
.hero-actions .button{font-size:0.75rem;padding:0.8125rem 0.8125rem;gap:0.625rem}
.board-toolbar{gap:0.4375rem;font-size:0.75rem}
.window-dots{gap:0.1875rem}
.window-dots i{width:0.3125rem;height:0.3125rem}
.board-caption{font-size:0.75rem;max-width:5.25rem}
.play-window{padding-inline:0.75rem}
.preview-card{width:4.375rem;height:6.8125rem}
.preview-cards{gap:0.3125rem;min-height:6.9375rem}
.card-front svg{height:3.5625rem;width:3rem}
.card-front strong{font-size:0.75rem}
.side-panels{grid-template-columns:1fr}
.content-window{min-height:9rem}
.learn-window{min-height:8.5625rem;flex-direction:row;align-items:center;justify-content:flex-start}
.learn-window h3{font-size:1.125rem}
.learn-spark{top:0.9375rem;right:1.0625rem}
.content-window h3{font-size:1.3125rem}
.round-icon{height:1.5625rem;width:1.5625rem}
.content-chips{margin-top:0.75rem}
.board-sticker{font-size:0.75rem}
.service-card{grid-template-columns:2.3125rem 1fr;column-gap:0.9375rem;padding:1.4375rem 1.25rem}
.service-icon{width:2.25rem;height:2.375rem;border-radius:0.75rem;font-size:1.6875rem}
.icon-blue{font-size:1.1875rem}
.service-card h3{font-size:1.375rem}
.project{padding:1.6875rem 1.3125rem}
.project-path{padding-inline:0.8125rem}
.path-step{gap:0.4375rem}
.path-step strong{font-size:0.8125rem}
.path-step p{font-size:0.75rem}
.step-art{font-size:1.5625rem;width:1.5rem}
.path-step>svg{width:1.5625rem}
.contact h2{font-size:1.8125rem}
.contact-art{right:1.0625rem;top:4.5625rem;font-size:4.375rem}
.company-card dl>div{grid-template-columns:6.25rem 1fr;font-size:0.75rem}
.footer-brand,.site-footer>p{font-size:0.75rem}
}
@media(max-width:32.5em){.contact-art{display:none}
}
@media(max-width:21.875em){.company-card dl>div{font-size:0.75rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}

/* A shared cube motif follows the logo's square geometry at every size. */
.zone-cube{display:block;width:1em;height:1em;flex-shrink:0}
.headline-sticker .zone-cube{width:.78em;height:.78em}
.service-icon .zone-cube{width:.92em;height:.92em}
.step-art .zone-cube{width:100%}

/* Credentials and English-name wrapping inside the company card. */
.founder{gap:1rem}
.founder>div{min-width:0}
.founder h3{word-break:normal;overflow-wrap:anywhere}
.founder h3 span{display:inline-block}
.founder-icon{flex-shrink:0}
.credentials{margin-top:1.5rem;padding-top:1.375rem;border-top:0.0625rem solid var(--line);font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
.founder h3,.credentials-heading{font-size:1.0625rem;font-weight:800;line-height:1.5;letter-spacing:-.02em}
.credentials-heading{margin:0}
.credentials ul{margin:0.75rem 0 0;padding-left:1.3125rem;list-style:disc}
.credentials li+li{margin-top:0.375rem}

/* Policy links remain readable alongside company and copyright details. */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto 2.5rem;gap:0.75rem 1.5rem;align-items:center;min-height:0;padding-block:2rem;line-height:1.8}
.footer-links{grid-column:1 / 3;grid-row:1;display:flex;flex-wrap:wrap;gap:0.25rem 1.625rem;min-width:0}
.footer-links a{display:inline-flex;align-items:center;min-height:2.75rem;max-width:100%;font-size:1rem;font-weight:700;line-height:1.7;text-decoration:underline;text-underline-offset:0.25rem;overflow-wrap:anywhere}
.site-footer .footer-brand{grid-column:1;grid-row:2;font-size:0.875rem;white-space:normal;overflow-wrap:anywhere}
.site-footer>p{margin:0;font-size:0.875rem;word-break:normal;overflow-wrap:anywhere}
.site-footer>p:first-of-type{grid-column:1;grid-row:3}
.site-footer>p:nth-of-type(2){grid-column:2 / 4;grid-row:2 / 4;justify-self:end;align-self:end;width:auto;order:0;margin:0;font-size:0.8125rem}
.site-footer .back-top{grid-column:3;grid-row:1;width:2.5rem;height:2.5rem;margin:0}

/* Standalone policy documents share the site's local SUIT font. */
body.legal-page{font-size:1.125rem;line-height:1.8}
.legal-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem 1.5rem;padding-block:1.5rem;border-bottom:0.0625rem solid var(--line)}
.legal-header>*{min-width:0;max-width:100%}
.legal-header .brand{margin:0}
.legal-back{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1rem;font-weight:700;line-height:1.7;text-decoration:underline;text-underline-offset:0.25rem;overflow-wrap:anywhere}
.legal-content{max-width:60rem;margin-block:1.75rem 4rem;padding:3rem 3.25rem;background:var(--paper);border-radius:2rem;overflow-wrap:anywhere}
.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4{margin:0;line-height:1.4;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}
.legal-content h1{font-size:clamp(1.875rem,4vw,2.75rem)}
.legal-content h2{font-size:1.625rem}
.legal-content h3{margin-top:1.5rem;font-size:1.3125rem}
.legal-content h4{margin-top:1.25rem;font-size:1.1875rem;font-weight:750}
.legal-content p{margin-top:0.875rem}
.legal-content ul,.legal-content ol{margin:0.875rem 0 0;padding-left:1.3em}
.legal-content li+li{margin-top:0.5rem}
.legal-content a{font-weight:700;text-decoration:underline;text-underline-offset:0.25rem;overflow-wrap:anywhere}
.legal-section{margin-top:2.25rem;padding-top:1.75rem;border-top:0.0625rem solid var(--line)}
.legal-meta{margin-top:1.125rem;color:var(--muted);font-size:1rem;line-height:1.8}
.legal-table{max-width:100%;margin-top:1.25rem;overflow-x:auto;border:0.0625rem solid var(--line);border-radius:1rem;overscroll-behavior-x:contain}
.legal-table table{width:100%;min-width:37.5rem;border-collapse:collapse;font-size:1.0625rem;line-height:1.8}
.legal-table caption{padding:0.875rem 1rem;text-align:left;font-weight:750}
.legal-table th,.legal-table td{padding:0.875rem 1rem;text-align:left;vertical-align:top;border-bottom:0.0625rem solid var(--line);word-break:normal;overflow-wrap:anywhere}
.legal-table th{background:var(--canvas);font-weight:750}
.legal-table tr:last-child td{border-bottom:0}
.review-notice{margin-top:1.5rem;padding:1.25rem 1.375rem;background:var(--yellow);border:0.125rem solid var(--ink);border-radius:1.25rem;color:var(--ink);font-size:1.0625rem;font-weight:650;line-height:1.8}
.review-notice strong{font-weight:800}

@media(max-width:50em){.legal-content{padding:2.25rem 2rem}
.legal-header{padding-block:1.125rem}
}
@media(max-width:37.5em){.site-footer{grid-template-columns:minmax(0,1fr) 2.5rem;gap:0.75rem 1rem}
.footer-links{grid-column:1 / 3;grid-row:1;gap:0.25rem 1.25rem}
.site-footer .footer-brand{grid-column:1;grid-row:2}
.site-footer .back-top{grid-column:2;grid-row:2}
.site-footer>p:first-of-type{grid-column:1 / 3;grid-row:3}
.site-footer>p:nth-of-type(2){grid-column:1 / 3;grid-row:4;justify-self:start;align-self:auto}
.legal-content{margin-block:1.25rem 2.5rem;padding:1.75rem 1.375rem;border-radius:1.5rem}
body.legal-page{font-size:1.0625rem}
.legal-content h2{font-size:1.4375rem}
.legal-content h3{font-size:1.25rem}
.legal-section{margin-top:1.75rem;padding-top:1.5rem}
.review-notice{padding:1.0625rem 1.125rem}
}
@media(max-width:32.5em){
  .credential-badges{grid-template-columns:minmax(0,1fr);grid-template-rows:none;flex:none}
.credentials{font-size:0.9375rem}
.founder h3,.credentials-heading{font-size:1rem}
.legal-header{gap:0.5rem 1rem}
.legal-content{padding-inline:1.25rem}
.legal-table th,.legal-table td{padding:0.75rem 0.875rem}
}

/* The public inquiry form opens over the homepage in the same visual style. */
body.inquiry-open{overflow:hidden}
.inquiry-dialog{width:min(47.5rem,calc(100% - 2rem));height:min(57.5rem,calc(100dvh - 2rem));max-height:none;padding:0;border:0.0625rem solid var(--line);border-radius:1.75rem;background:var(--paper);color:var(--ink);overflow:hidden}
.inquiry-dialog::backdrop{background:rgb(17 17 17 / .42)}
.inquiry-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;height:4rem;padding:0.625rem 1.5rem;border-bottom:0.0625rem solid var(--line);font-size:0.8125rem;letter-spacing:.05em}
.inquiry-close{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:var(--canvas);color:var(--ink);font-size:1.875rem;line-height:1}
.inquiry-frame{display:block;width:100%;height:calc(100% - 4rem);border:0;background:#fff}
body.inquiry-page{background:var(--paper);font-size:1.125rem;line-height:1.65}
.inquiry-content{max-width:47.5rem;margin:auto;padding:2rem 2.5rem 1.75rem}
.inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.inquiry-heading .eyebrow{font-size:0.8125rem}
.inquiry-cube{width:2.75rem;height:2.75rem;flex-shrink:0}
.inquiry-content h1{margin-top:0.375rem;font-size:2.25rem}
.inquiry-intro{margin-top:0.875rem;font-size:1.0625rem;color:#333;line-height:1.8}
#inquiry-form{margin-top:1.625rem}
.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
#inquiry-form label{display:block;font-size:1.0625rem;font-weight:750}
.required-label,.optional-label{margin-left:0.375rem;font-size:0.8125rem;font-weight:550}
.required-label{color:#254bc6}
.optional-label{color:#555}
#inquiry-form input:not([type="checkbox"]),#inquiry-form textarea{display:block;width:100%;margin-top:0.5rem;padding:0.8125rem 0.875rem;border:0.0625rem solid #b7b7b7;border-radius:0.75rem;background:#fafafa;color:var(--ink);font:inherit;font-size:1.125rem;font-weight:450;line-height:1.5;word-break:normal}
#inquiry-form textarea{resize:vertical;min-height:8.75rem}
#inquiry-form input:focus-visible,#inquiry-form textarea:focus-visible{outline:0.1875rem solid var(--blue);outline-offset:0.125rem}
.inquiry-message{margin-top:1.375rem}
.inquiry-honeypot{display:none}
.inquiry-consent{margin-top:1.375rem;padding-top:1.25rem;border-top:0.0625rem solid var(--line)}
#inquiry-form .inquiry-consent label{display:flex;align-items:flex-start;gap:0.625rem;font-size:1rem;line-height:1.65}
.inquiry-consent input{width:1.3125rem;height:1.3125rem;margin:0.1875rem 0 0;accent-color:#111;flex-shrink:0}
.inquiry-consent p{margin-top:0.5625rem;font-size:0.875rem;line-height:1.8;color:#444}
.inquiry-policy{display:inline-flex;align-items:center;min-height:2.75rem;font-size:0.9375rem;font-weight:700;text-decoration:underline;text-underline-offset:0.25rem}
.inquiry-status{margin-top:0.75rem;font-size:1rem;font-weight:650;line-height:1.7}
.inquiry-status:empty{display:none}
.inquiry-submit{width:100%;margin-top:1.125rem;border:0;background:var(--yellow);color:var(--ink);font-size:1.125rem}
.inquiry-submit:disabled{cursor:default;transform:none}
.inquiry-alternative{margin-top:1.25rem;font-size:0.875rem;color:#444;overflow-wrap:anywhere;word-break:normal}
.inquiry-alternative a{text-decoration:underline;text-underline-offset:0.25rem}
@media(max-width:37.5em){.inquiry-dialog{width:calc(100% - 1.25rem);height:calc(100dvh - 1.25rem);border-radius:1.25rem}
.inquiry-dialog-bar{height:3.625rem;padding-inline:1rem}
.inquiry-frame{height:calc(100% - 3.625rem)}
.inquiry-content{padding:1.5rem 1.375rem}
.inquiry-content h1{font-size:1.875rem}
.inquiry-intro{font-size:1rem}
.inquiry-grid{grid-template-columns:1fr;gap:1.125rem}
#inquiry-form label{font-size:1.0625rem}
.inquiry-consent p{font-size:0.875rem}
}

/* Readable type at every size; the fluid root grows to 150% on wide desktops. */
/* Match the embedded form's 47.5rem dialog, including its independent viewport. */
html.inquiry-document{font-size:clamp(100%,calc(100vw / 47.5),150%)}
.desktop-nav,.nav-contact{font-size:1rem}
.hero-kicker,.board-toolbar,.board-caption,.tiny-label,.tag,.tag-black,
.play-window-copy p,.content-chips>span,.learn-window .tiny-label,
.board-sticker,.eyebrow,.service-number,.project-tags span,
.path-step p,.step-number,.founder h3 span{font-size:.875rem}
.card-front strong{font-size:.875rem}
.card-front>span,.card-back small{font-size:.6875rem}
.card-back small{max-width:90%;line-height:1.2;text-align:center;word-break:normal;overflow-wrap:anywhere}
.flip-button{font-size:.875rem;min-height:2.75rem}
.service-card>p,.project-description,.founder-description,.credentials{font-size:1.0625rem}
.company-card dl>div{font-size:1rem;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}
.company-card dd{min-width:0;overflow-wrap:anywhere}
.project-tags{flex-wrap:wrap}
.service-grid,.project,.about,.board-canvas{min-width:0}
.service-grid>*,.project>*,.about>*,.board-canvas>*,.path-step>div{min-width:0}
.learn-window{padding-right:4.25rem}
.content-window h3{max-width:calc(100% - 5rem)}
.contact>div{max-width:70%}
.contact-art{pointer-events:none}
.inquiry-dialog{--dialog-bar:4rem}
.inquiry-dialog-bar{height:var(--dialog-bar);font-size:.875rem}
.inquiry-frame{height:calc(100% - var(--dialog-bar))}

@media(max-width:68.75em){
  .note-shape{display:none}
  .content-window h3{max-width:none}
}
@media(max-width:50em){
  body{font-size:1rem}
  .mobile-menu summary,.mobile-menu nav a,.button{font-size:1rem}
  .hero-description,.section-heading>p:last-child,.service-card>p,
  .project-description,.about-heading>.about-description,.founder-description,
  .credentials,.contact>div>p:not(.eyebrow),.contact-email{font-size:1rem}
  .hero-kicker,.board-toolbar,.board-caption,.tiny-label,.tag,.tag-black,
  .play-window-copy p,.content-chips>span,.learn-window .tiny-label,
  .board-sticker,.eyebrow,.service-number,.project-tags span,
  .path-step p,.step-number,.contact .eyebrow{font-size:.75rem}
  .board-toolbar{flex-wrap:wrap}
  .board-caption{max-width:none}
  .flip-button{font-size:.8125rem}
  .company-card dl>div{font-size:.875rem}
  .learn-window{padding-right:1rem}
  .contact>div{max-width:100%;padding-right:5rem}
  .contact h2{max-width:none}
  .inquiry-dialog{--dialog-bar:3.625rem}
  .inquiry-dialog-bar{padding-block:.4375rem}
}
@media(max-width:32.5em){
  .hero-description{max-width:24rem}
  .hero-actions .button{font-size:1rem;gap:.75rem;padding:.875rem 1rem}
  .hero-actions{gap:.75rem}
  .board-toolbar #board-title{flex:1;min-width:8rem}
  .board-caption{flex-basis:100%;margin-left:0;text-align:left;padding-left:2rem}
  .content-window .tiny-label{font-size:.75rem}
  .content-chips>span{font-size:.75rem}
  .path-step strong{font-size:1rem}
  .path-step p{max-width:none}
  .contact>div{padding-right:0}
  .inquiry-dialog-bar{font-size:.8125rem}
}
@media(max-width:21.875em){
  .hero-actions{flex-direction:column;align-items:stretch}
  .service-card{display:flex;gap:0}
  .service-icon{margin:0 0 1rem}
  .service-card h3{margin-top:.4375rem}
  .service-card>p{margin-bottom:0}
  .site-footer .footer-brand,.site-footer>p{font-size:.875rem}
}