:root{--color-page:#f0f6f3;--color-surface:#fbfdfb;--color-text:#183d34;--color-secondary:#476359;--color-accent:#b3462d;--color-rule:#c9d9d0;--font-body:'Noto Sans KR',sans-serif;--font-display:'Space Grotesk','Noto Sans KR',sans-serif;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--color-page);color:var(--color-text);font:16px/1.7 var(--font-body);-webkit-font-smoothing:antialiased;word-break:keep-all}::selection{background:#d2e7da;color:var(--color-text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button[hidden]{display:none}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}img{display:block;max-inline-size:100%;outline:1px solid #00000019;outline-offset:-1px}.wrap{inline-size:min(1240px,100%);margin-inline:auto;padding-inline:56px}.skip{position:absolute;inset-inline-start:20px;top:-100px;z-index:10;padding:12px 20px;background:var(--color-text);color:white}.skip:focus{top:12px}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 27px/1.3 var(--font-display);letter-spacing:-1px;min-block-size:44px}.brand>span{color:var(--color-accent);font-size:30px}.header-controls{display:flex;align-items:center;gap:40px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}nav a{min-block-size:44px;display:inline-flex;align-items:center;gap:8px}.languages{gap:2px;border:1px solid var(--color-rule);border-radius:999px;padding:3px}.languages a{min-inline-size:48px;min-block-size:44px;justify-content:center;border-radius:999px;padding-inline:12px;font:500 12px var(--font-display)}.languages a[aria-current]{background:var(--color-text);color:var(--color-page);font-weight:700}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:48px;padding-block:60px 72px}.eyebrow{margin:0 0 24px;font-size:12px;font-weight:600;letter-spacing:.035em;display:flex;align-items:center;gap:8px;color:var(--color-secondary)}.tiny-dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--color-accent)}h1{margin:0;font-size:clamp(40px,4.4vw,62px);font-weight:700;line-height:1.35;letter-spacing:-.065em;text-wrap:balance}h1 em{font-style:normal;color:var(--color-accent)}html[lang=en] h1{font-family:var(--font-display);font-size:clamp(52px,6vw,82px);font-weight:500;line-height:1.06;letter-spacing:-.06em}.intro{margin-block:28px 32px;font-size:15px;line-height:1.9;color:var(--color-secondary);text-wrap:pretty;max-inline-size:45ch}.button{display:inline-flex;align-items:center;gap:40px;min-block-size:52px;padding:14px 24px;border-radius:999px;background:var(--color-text);color:var(--color-page);font-size:14px;font-weight:500}.button>span{font-size:22px;line-height:1}.button,.text-link,.app-switcher button{transition:transform 160ms var(--ease-out)}.pointer-input .button:active,.pointer-input .text-link:active,.pointer-input .app-switcher button:active{transform:scale(.96);transition-duration:100ms}
.showcase{min-inline-size:0;text-align:center}.preview-stage{position:relative;min-block-size:400px;display:grid;place-items:center;isolation:isolate}.stage-circle{position:absolute;z-index:-1;inline-size:100%;max-inline-size:380px;aspect-ratio:1;border-radius:45% 45% 38% 38%;background:#dcebe1}.preview-content{position:relative;transform:rotate(4deg)}.phone{inline-size:210px;border-radius:34px;background:#20392e;padding:8px;box-shadow:0 4px 8px #183d3410,0 28px 40px #183d3422}.phone-window{block-size:380px;border-radius:26px;overflow:hidden;background:#f5f8f3}.phone-window img{inline-size:100%;block-size:auto;outline:none}.phone-camera{position:absolute;inline-size:60px;block-size:15px;inset-inline-start:50%;top:8px;border-radius:0 0 12px 12px;background:#20392e;transform:translateX(-50%);z-index:1}.screen-label{position:absolute;inset-inline-end:-30px;bottom:32px;padding:7px 12px;border-radius:999px;background:var(--color-surface);box-shadow:0 4px 12px #183d3412;font-size:11px}.preview-content[data-type=identity] .phone-window{display:grid;place-items:center;background:#e1e9ef}.preview-content[data-type=identity] img{inline-size:140px;border-radius:32px}.preview-caption{margin-block:22px 16px}.preview-caption strong{font-size:15px;font-weight:600}.preview-caption p{font-size:12px;margin:4px 0 0;color:var(--color-secondary)}.app-switcher{display:inline-flex;gap:8px;background:var(--color-surface);border-radius:20px;padding:10px;box-shadow:0 4px 20px #183d3406}.app-switcher button{border:1px solid transparent;background:transparent;color:var(--color-secondary);border-radius:12px;padding:7px;min-inline-size:58px}.app-switcher img{inline-size:42px;block-size:42px;border-radius:11px;margin-inline:auto}.app-switcher button>span{display:block;font-size:11px;margin-block-start:6px;max-inline-size:80px}.app-switcher button[aria-pressed=true]{background:#e1eee7;border-color:var(--color-rule);color:var(--color-text)}.showcase[data-active=hanpan] .stage-circle{background:#e4dfec}.showcase[data-active=hyean] .stage-circle{background:#e9e3d5}.showcase[data-active=secret] .stage-circle{background:#dfe8ef}
.capabilities{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;border-block:1px solid var(--color-rule);font-size:12px}.capabilities p{margin:0}.capabilities>div{display:flex;gap:22px;color:var(--color-secondary)}.work{padding-block:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-block-end:40px}h2{font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.4;letter-spacing:-.05em;text-wrap:balance;margin:0}.section-head>p{font-size:14px;color:var(--color-secondary);max-inline-size:28ch;margin:0 0 4px;text-wrap:pretty}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;background:#eee9f4;border-radius:28px}.feature-copy{padding:48px}.product-heading{display:flex;align-items:center;gap:16px;margin-block-end:28px}.product-heading img{border-radius:14px}.product-heading .eyebrow{margin:0;color:#63516f}.feature h3,.private-copy h3{font-size:32px;line-height:1.4;letter-spacing:-.045em;font-weight:600;margin:0}.product-description{color:#63566f;font-size:14px;line-height:1.9;margin-block:22px 28px;max-inline-size:37ch;text-wrap:pretty}.product-meta{display:flex;flex-direction:column;gap:6px;font-size:13px}.product-meta strong{font-weight:600}.product-meta>span{color:var(--color-secondary);font-size:12px}.project-links{display:flex;flex-wrap:wrap;gap:14px;margin-block-start:24px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-block-size:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.project-links .text-link{background:#fbf9fe;border-radius:999px;padding:10px 16px;text-decoration:none;color:#49305c}.hanpan-scene{position:relative;display:grid;place-items:start center;padding-block:40px 0;min-block-size:480px;background:#ded6e9;overflow:hidden}.feature-phone{inline-size:250px;block-size:460px;padding:8px;background:#30263e;border-radius:32px 32px 0 0;overflow:hidden;box-shadow:0 12px 45px #34264122;transform:rotate(5deg) translateY(18px)}.feature-phone img{inline-size:100%;border-radius:24px;outline:none}.media-caption{position:absolute;bottom:18px;inset-inline-start:20px;font-size:11px;background:#fbfdfbee;color:#183d34;border-radius:999px;padding:6px 10px}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-block:24px}.product-tile{border-radius:26px;overflow:hidden;background:var(--color-surface)}.tile-visual{block-size:340px;position:relative;overflow:hidden;display:flex;align-items:center;padding-inline:38px}.tile-momo .tile-visual{background:#dcece0}.tile-hyean .tile-visual{background:#e6e3d9}.tile-visual>img{inline-size:100px;block-size:100px;border-radius:25px;transform:rotate(-7deg)}.mini-phone{position:absolute;inline-size:190px;inset-inline-end:40px;top:32px;padding:7px;background:#263d32;border-radius:28px;box-shadow:0 20px 30px #183d341c;transform:rotate(5deg);overflow:hidden;block-size:360px}.mini-phone img{border-radius:21px;inline-size:100%;block-size:auto;outline:none}.tile-hyean .mini-phone{transform:rotate(-5deg);background:#263440}.tile-copy{padding:32px}.tile-copy .eyebrow{margin-block-end:10px}.tile-copy h3{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:600}.tile-copy p{font-size:14px;color:var(--color-secondary);line-height:1.85;margin-block:16px 16px;max-inline-size:44ch;text-wrap:pretty}.platform-label{display:block;font-size:12px;color:var(--color-secondary);margin-block-start:16px}.private-project{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:26px;background:#e3ebef;overflow:hidden}.private-art{min-block-size:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#d5e0e7;padding:32px}.private-art>img{inline-size:150px;block-size:150px;border-radius:36px;transform:rotate(-6deg);box-shadow:0 20px 25px #20395417}.privacy-stamp{display:flex;align-items:center;gap:8px;font-size:12px;color:#27465d;margin:0}.private-copy{padding:48px}.private-copy .eyebrow{color:#526875}.private-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#526875;max-inline-size:43ch;margin-block:22px;text-wrap:pretty}
.more-work{margin-block-start:56px}.more-work>h3{font-size:17px;font-weight:600;margin-block:0 12px}.more-work>a{display:flex;align-items:center;gap:20px;padding-block:24px;border-bottom:1px solid var(--color-rule)}.small-symbol{display:grid;place-items:center;inline-size:50px;block-size:50px;flex-shrink:0;background:#e4e5ed;color:#63516f;border-radius:14px;font:500 23px var(--font-display)}.more-work h4{font-size:18px;margin:0;font-weight:600}.more-work p{font-size:13px;color:var(--color-secondary);margin:4px 0 0}.row-arrow{margin-inline-start:auto;display:grid;place-items:center;inline-size:44px;block-size:44px;flex-shrink:0;border:1px solid var(--color-rule);border-radius:50%;transition:transform 160ms var(--ease-out)}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-block:104px}.about-lead{font-size:25px;font-weight:500;line-height:1.6;letter-spacing:-.035em;margin-block:0 24px}.about-copy>p:not(.about-lead){font-size:15px;line-height:1.85;color:var(--color-secondary);margin-block:20px;text-wrap:pretty}.craft{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:24px}.craft span{padding:7px 11px;border-radius:999px;border:1px solid var(--color-rule);font-size:12px}.contact{background:var(--color-text);color:var(--color-page)}.contact-inner{padding-block:72px}.contact .eyebrow{color:#c6d9cf}.contact h2{font-size:clamp(34px,4.5vw,58px);line-height:1.35}.email{display:inline-flex;align-items:center;gap:36px;font:500 clamp(20px,3vw,28px)/1.6 var(--font-display);margin-block-start:28px;border-bottom:1px solid #92ab9e;padding-block-end:8px;overflow-wrap:anywhere}.contact a:focus-visible{outline-color:#f0f6f3}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}footer>span{font-size:12px;color:var(--color-secondary)}footer .text-link{font:500 12px var(--font-display)}
@media(prefers-reduced-motion:no-preference){.entrance{animation:arrive 500ms var(--ease-out) both}.hero-copy .entrance:nth-child(2){animation-delay:50ms}.hero-copy .entrance:nth-child(3){animation-delay:100ms}.hero-copy .entrance:nth-child(4){animation-delay:150ms}.showcase.entrance{animation-delay:100ms}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover) and (pointer:fine){.button:hover,.text-link:hover{transform:translateY(-2px)}.app-switcher button:hover{transform:translateY(-2px)}.more-work a:hover .row-arrow{transform:rotate(45deg)}}
@media(max-width:1050px){.wrap{padding-inline:36px}.header-controls{gap:24px}nav{gap:18px}.hero{gap:28px}.feature-copy,.private-copy{padding:36px}.tile-visual{padding-inline:26px}.mini-phone{inset-inline-end:26px;inline-size:175px}.tile-visual>img{inline-size:85px;block-size:85px}.about{gap:48px}}
@media(max-width:760px){.wrap{padding-inline:24px}.header{padding-block:16px;flex-wrap:wrap;gap:8px}.brand{font-size:24px}.header-controls{gap:20px;flex-wrap:wrap;justify-content:flex-end}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:40px 48px;gap:36px}h1{font-size:clamp(36px,7.5vw,52px);line-height:1.4}html[lang=en] h1{font-size:clamp(48px,10vw,72px)}.intro{font-size:14px;margin-block:24px}.showcase{inline-size:min(400px,100%);margin-inline:auto}.preview-stage{min-block-size:370px}.phone{inline-size:195px}.phone-window{block-size:350px}.capabilities{flex-direction:column;align-items:flex-start;gap:10px}.capabilities>div{flex-wrap:wrap;gap:16px}.work{padding-block-start:60px}.section-head{display:block;margin-block-end:28px}.section-head>p{max-inline-size:40ch;margin-block-start:20px}h2{font-size:32px}.feature{grid-template-columns:1fr}.feature-copy{padding:32px}.feature h3,.private-copy h3{font-size:29px}.hanpan-scene{min-block-size:390px;padding-block-start:24px}.feature-phone{block-size:380px;inline-size:230px}.duo{grid-template-columns:1fr;gap:20px;margin-block:20px}.tile-visual{block-size:320px;padding-inline:32px}.tile-visual>img{inline-size:100px;block-size:100px}.mini-phone{inline-size:185px;inset-inline-end:32px}.tile-copy{padding:28px}.private-project{grid-template-columns:1fr}.private-art{min-block-size:270px}.private-copy{padding:32px}.more-work{margin-block-start:40px}.about{grid-template-columns:1fr;gap:32px;padding-block:64px}.about-lead{font-size:23px}.contact-inner{padding-block:52px}.contact h2{font-size:34px}.email{font-size:21px;gap:24px}footer{flex-wrap:wrap;gap:12px}footer>span{order:3;flex-basis:100%}}
@media(max-width:580px){.header-controls{display:contents}.header> .brand{margin-inline-end:auto}.header nav:not(.languages){order:3;flex-basis:100%;justify-content:space-between;border-block-start:1px solid var(--color-rule);padding-block-start:6px;margin-block-start:6px;gap:16px}.languages{margin-inline-start:auto}.languages a{min-inline-size:44px;padding-inline:10px}.hero{padding-block-start:28px}.eyebrow{font-size:11px}.screen-label{inset-inline-end:-16px}.app-switcher{gap:4px;padding:8px}.app-switcher button{padding:6px;min-inline-size:55px}.app-switcher button>span{font-size:10px}.tile-visual>img{inline-size:90px;block-size:90px}.mini-phone{inline-size:170px;inset-inline-end:24px}.tile-visual{padding-inline:24px}.about h2{font-size:31px}}
@media(max-width:360px){.wrap{padding-inline:20px}.hero h1{font-size:32px}html[lang=en] .hero h1{font-size:46px}.intro br{display:none}.tile-visual>img{inline-size:72px;block-size:72px;border-radius:18px}.mini-phone{inline-size:150px;inset-inline-end:20px}.feature-copy,.private-copy,.tile-copy{padding:24px}.feature h3,.private-copy h3{font-size:26px}.more-work>a{gap:14px}.more-work p{font-size:12px}.email{font-size:19px;gap:16px}.contact h2{font-size:30px}.app-switcher button{min-inline-size:52px}.app-switcher img{inline-size:38px;block-size:38px}}
@media(prefers-reduced-motion:reduce){.button,.text-link,.app-switcher button,.row-arrow{transition:opacity 150ms ease}.pointer-input .button:active,.pointer-input .text-link:active,.pointer-input .app-switcher button:active,.button:hover,.text-link:hover,.app-switcher button:hover,.more-work a:hover .row-arrow{transform:none}}
/* Screens are evidence: preserve every pixel and the source aspect ratio. */
.phone-camera{display:none}
.phone-window{block-size:auto;aspect-ratio:1320/2868;background:#10141a}
.phone-window img{inline-size:100%;block-size:100%;object-fit:contain;object-position:center}
.preview-content[data-type=identity] img{block-size:140px}
.project-list{display:grid;gap:32px}
.project{--project-bg:#e9e4ef;--project-ink:#392d49;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:48px;border-radius:28px;background:var(--project-bg);color:var(--project-ink);overflow:hidden}
.project-momo{--project-bg:#deebdc;--project-ink:#214b3c}
.project-hyean{--project-bg:#e9e5d9;--project-ink:#383c42}
.project-secret{--project-bg:#e0e8ef;--project-ink:#26455f}
.project-story{align-self:center;min-inline-size:0}
.project .eyebrow{color:inherit;margin-block-end:18px}
.project-name{display:flex;align-items:center;gap:12px}
.project-name img{border-radius:10px}
.project-name h3{font-size:17px;font-weight:600;letter-spacing:-.03em;margin:0}
.project-thesis{font-size:clamp(25px,2.5vw,34px);line-height:1.5;font-weight:600;letter-spacing:-.045em;margin-block:24px 20px;text-wrap:balance}
.project-summary{font-size:14px;line-height:1.9;max-inline-size:37ch}
.project-insight{font-size:14px;line-height:1.85;font-weight:500;border-inline-start:2px solid currentColor;margin:28px 0;padding-inline-start:16px;max-inline-size:36ch}
.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px}
.project-tech span{font:500 11px/1.6 var(--font-display);padding:6px 10px;border:1px solid currentColor;border-radius:999px}
.case-link{font-size:14px;gap:40px}
.project-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.project-screens figure{margin:0;min-inline-size:0}
.project-screens img{inline-size:100%;block-size:auto;border-radius:14px;box-shadow:0 10px 24px #183d3412}
.project-screens a{display:block;border-radius:14px}
.project-screens figcaption{font-size:11px;line-height:1.7;margin-block-start:14px;text-wrap:pretty}
.cover-screens{gap:16px;align-self:center}
.cover-screens figure:nth-child(2){margin-block-start:48px}
.cover-screens figcaption{font-size:10px}
.service-work{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-block-start:56px}
.service-project{padding-block:28px;border-block-start:1px solid var(--color-rule)}
.service-project h3{font-size:18px;font-weight:600;margin:0}
.service-thesis{font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.04em;margin-block:18px}
.service-project>p:not(.eyebrow):not(.service-thesis){font-size:14px;max-inline-size:40ch;color:var(--color-secondary)}
.case-page.project-hanpan{--project-bg:#e9e4ef;--project-ink:#392d49}
.case-page.project-hoeyeon{--project-bg:#ede6dd;--project-ink:#413931}
.case-page.project-moawish{--project-bg:#e6e9ed;--project-ink:#2e3540}
.case-hero{padding-block:56px 48px}
.case-product{font-size:16px;font-weight:600;margin-block:0 24px}
.case-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.45;letter-spacing:-.05em;max-inline-size:23ch;text-wrap:balance}
html[lang=en] .case-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.15;max-inline-size:24ch}
.case-summary{font-size:17px;color:var(--color-secondary);max-inline-size:50ch;margin-block:28px 20px}
.case-role{font-size:12px;color:var(--color-secondary)}
.case-tabs{display:flex;flex-wrap:wrap;gap:24px;margin-block-start:32px;font-size:12px}
.case-tabs a{min-block-size:44px;display:inline-flex;align-items:center;border-block-end:1px solid var(--color-rule)}
.case-principle{background:var(--project-bg);color:var(--project-ink);padding:40px 48px;border-radius:24px}
.case-principle p{font-size:clamp(21px,2.5vw,30px);font-weight:500;line-height:1.6;letter-spacing:-.03em;max-inline-size:42ch;margin:0}
.case-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:72px;border-block-end:1px solid var(--color-rule)}
.case-section h2,.experience-section h2,.case-decisions>h2,.case-gallery h2{font-size:26px;line-height:1.5}
.case-section p,.decision p{font-size:16px;line-height:1.95;margin:0;color:var(--color-secondary);text-wrap:pretty}
.experience-section{padding-block:56px}
.experience-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;counter-reset:flow;gap:16px;margin:28px 0 0;padding:0}
.experience-flow li{counter-increment:flow;border-block-start:1px solid var(--color-rule);padding-block:20px;font-size:14px;font-weight:500}
.experience-flow li:before{content:counter(flow,decimal-leading-zero);display:block;font:500 12px var(--font-display);color:var(--color-secondary);margin-block-end:16px}
.case-gallery{background:var(--project-bg);color:var(--project-ink);border-radius:24px;padding:40px 48px;margin-block:0 64px}
.case-gallery .project-screens{max-inline-size:680px;margin-inline:auto;gap:48px}
.case-gallery .section-head>p{color:inherit;font-size:12px}
.case-decisions{padding-block:0 24px}
.decision{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:32px;border-block-end:1px solid var(--color-rule)}
.decision h3{font-size:19px;font-weight:500;line-height:1.7;margin:0;letter-spacing:-.025em}
.implementation .project-tech{color:var(--color-secondary)}
.implementation p.scope-note{font-size:13px;line-height:1.85;margin-block:24px}
.next-project{display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:40px 56px}
.next-project>span:first-child{grid-column:1/-1;font-size:12px;color:var(--color-secondary)}
.next-project strong{font-size:28px;font-weight:500;letter-spacing:-.04em}
.next-project>span:last-child{font-size:30px}
@media(max-width:1050px){.project{padding:32px;gap:24px}.project-thesis{font-size:28px}.case-section,.decision{gap:40px}}
@media(max-width:760px){.project{grid-template-columns:1fr;gap:32px;padding:28px}.project-thesis{font-size:29px}.project-summary,.project-insight{max-inline-size:none}.cover-screens{max-inline-size:420px;inline-size:100%;margin-inline:auto}.cover-screens figure:nth-child(2){margin-block-start:28px}.service-work{grid-template-columns:1fr;gap:8px;margin-block-start:32px}.case-hero{padding-block:32px 36px}.case-hero h1{font-size:34px}html[lang=en] .case-hero h1{font-size:38px}.case-summary{font-size:16px}.case-principle{padding:28px}.case-section,.decision{grid-template-columns:1fr;gap:24px;padding-block:40px}.case-section p,.decision p{font-size:15px}.experience-flow{grid-template-columns:1fr 1fr;gap:8px 20px}.experience-section{padding-block:40px}.case-gallery{padding:28px 20px;margin-block-end:40px}.case-gallery .project-screens{gap:20px}.case-gallery .section-head{margin-block-end:24px}.case-gallery .section-head>p{margin-block-start:12px}.case-tabs{gap:20px}.next-project strong{font-size:25px}}
@media(max-width:360px){.project{padding:22px}.project-thesis{font-size:25px}.cover-screens{gap:10px}.case-hero h1{font-size:29px}html[lang=en] .case-hero h1{font-size:33px}.case-principle{padding:24px}.case-gallery{padding:24px 16px}.case-gallery .project-screens{gap:14px}.case-gallery figcaption{font-size:10px}.case-tabs{gap:16px;font-size:11px}}

@media(max-width:760px){.case-gallery .project-screens{grid-template-columns:1fr;max-inline-size:340px;gap:32px}}