:root{--paper:#f5f5f0;--ink:#23302f;--muted:#68716d;--line:#d9ded5;--accent:#c45331;--green:#dce5d6;--white:#fff;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;line-height:1.7;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.32;letter-spacing:-.055em}p{color:var(--muted)}.header,main,footer{max-width:1280px;margin:auto;padding-left:60px;padding-right:60px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:34px;letter-spacing:-3px;font-weight:850;line-height:1}.brand-dot{color:var(--accent)}nav{display:flex;gap:34px}nav a{position:relative;font-size:14px;color:var(--muted);padding:15px 0}nav a[aria-current]{color:var(--ink);font-weight:700}nav a[aria-current]:after{content:"";position:absolute;bottom:5px;left:50%;height:4px;width:4px;border-radius:50%;background:var(--accent)}.header-contact{font-size:13px;font-weight:600}.header-contact span{padding-left:15px}.hero{padding:76px 0 64px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.availability,.eyebrow,.art-label,.visual-top,.visual-bottom{font-size:10px;font-weight:650;letter-spacing:1.8px}.availability{display:flex;align-items:center;gap:9px;margin-bottom:27px}.availability>span,.small-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#5b7758}.hero h1{font-size:clamp(42px,4.7vw,64px);font-weight:730;line-height:1.22;margin-bottom:24px;letter-spacing:-.065em}.accent{color:var(--accent)}.hero-copy>p{max-width:430px;line-height:1.9;font-size:15px;margin-bottom:28px}.hero-actions,.page-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:600;border-radius:4px;min-height:48px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.dark:hover{background:#3e504a}.outline{border:1px solid #bfc7bc;background:transparent}.outline:hover{background:#e9ede5}.hero-signature{display:flex;align-items:center;gap:15px;margin-top:33px;font-size:12px}.hero-signature strong{font-size:14px}.hero-signature>span{color:var(--muted)}.hero-signature>a{border-left:1px solid var(--line);padding-left:15px}.hero-visual{background:var(--green);padding:28px;border-radius:var(--radius);position:relative;box-shadow:16px 16px 0 #eaece4}.visual-top{display:flex;justify-content:space-between;padding-bottom:29px;border-bottom:1px solid #bdcbb8;margin-bottom:22px;font-size:9px}.flow-step{background:var(--paper);padding:21px 15px;display:flex;align-items:flex-start;gap:14px;border:1px solid #ccd5c5;border-radius:4px}.flow-num{font-family:monospace;font-size:11px;padding-top:3px;color:var(--accent)}.flow-step small{font-size:8px;letter-spacing:1.2px;color:var(--muted);display:block}.flow-step strong{display:block;font-size:17px;letter-spacing:-.7px;margin:5px 0}.flow-step p{font-size:10px;margin:0;letter-spacing:.1px}.flow-step i{font-style:normal;margin-left:auto}.flow-connector{text-align:center;color:#84957c;font-size:17px;line-height:26px}.visual-bottom{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-top:24px}.selected{padding:55px 0 66px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{color:var(--muted);margin-bottom:12px}.section-heading h2,.perspective h2{font-size:31px;margin:0}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #b5bfb0;padding-bottom:4px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{min-width:0}.project-art{height:220px;border-radius:var(--radius);overflow:hidden;position:relative}.art-label{position:absolute;top:17px;left:18px;font-size:8px;z-index:1;letter-spacing:1.3px}.gops-art{background:#e7e9e1;padding:45px 20px 15px}.gops-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.project-card-content{padding:21px 2px 0}.project-card .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:9px}.project-card h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:26px}.icon-button{font-size:20px;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:var(--green)}.project-card-content>p{font-size:12px;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags>span{font-size:10px;padding:3px 8px;border:1px solid var(--line);border-radius:3px;color:#59645e}.text-button{font-size:12px;font-weight:600;padding:0}.project-card .text-button{margin-top:18px;display:flex;gap:40px;align-items:center}.raider-art{background:#dce5e1}.vision-frame{height:150px;width:180px;position:absolute;left:50%;top:48px;transform:translateX(-50%);border:1px solid #bbc8c0;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#cbd5cd 24px),repeating-linear-gradient(90deg,transparent,transparent 29px,#cbd5cd 30px)}.detection-box{position:absolute;left:35px;top:32px;width:90px;height:90px;border:2px solid #68816c;box-shadow:5px 5px 0 #849c8820;display:grid;place-items:center}.detection-box span{position:absolute;left:-2px;top:-21px;background:#68816c;color:white;font-family:monospace;font-size:8px;padding:1px 4px;white-space:nowrap}.detection-box i{font-size:41px;font-weight:300;color:#68816c;font-style:normal}.vision-cross{position:absolute;bottom:5px;right:8px;color:#6b826c}.art-caption{position:absolute;font-size:8px;bottom:12px;left:18px;letter-spacing:1.3px}.pintos-art{background:#e8e1d5}.memory-stack{position:absolute;left:50%;top:58px;transform:translateX(-50%) rotate(-6deg);width:190px}.memory-stack>div{padding:8px 14px;background:#f8f5ee;border:1px solid #c9bdab;border-bottom:0;font-family:monospace;font-size:11px;display:flex;justify-content:space-between;box-shadow:6px 0 0 #d5cbb9}.memory-stack>div:last-child{border-bottom:1px solid #c9bdab;background:#d5cbb9}.memory-stack small{color:#9c8a72}.perspective{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:58px 0 65px}.perspective h2{margin-bottom:23px;line-height:1.45}.perspective p{font-size:14px;line-height:2}.contact-band{padding:38px;background:#e9ece3;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:65px}.contact-band h2{font-size:27px;margin-bottom:12px}.contact-band h2>span{color:var(--accent)}.contact-band p{margin:0;font-size:12px}.contact-band .button{white-space:nowrap}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>div:first-child{display:flex;align-items:center;gap:25px}footer .brand{font-size:29px}footer p{font-size:11px;margin:0}.footer-links{display:flex;gap:20px;font-size:10px}.footer-links span{color:var(--muted)}.page-heading{padding:66px 0 30px}.page-heading h1{font-size:48px;margin:20px 0;line-height:1.25}.page-heading>p{font-size:14px}.page-actions{margin-bottom:45px}.resume-layout{display:grid;grid-template-columns:240px 1fr;gap:70px;margin-bottom:75px}.profile-card{align-self:start;border:1px solid var(--line);border-radius:var(--radius);padding:25px;position:sticky;top:25px}.profile-card img{width:80px;height:100px;object-fit:cover;object-position:top;border-radius:3px;margin-bottom:22px}.profile-card h2{font-size:24px;margin-bottom:6px}.profile-card p{font-size:11px}.profile-card>a{display:block;font-size:10px;margin:7px 0;overflow-wrap:anywhere}.profile-line{height:1px;background:var(--line);margin:25px 0}.profile-card .eyebrow{font-size:9px}.profile-card .tags{margin-top:10px}.resume-body>section{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.resume-title{font-family:monospace;font-size:12px;color:var(--accent);display:flex;gap:18px;align-items:center;margin-bottom:26px}.resume-title>span{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:var(--ink);font-size:22px;letter-spacing:-1px}.lead{font-size:16px;line-height:1.9;color:var(--ink)}.clean-list{padding-left:20px;font-size:13px;line-height:2.2;color:var(--muted)}.resume-project+.resume-project{margin-top:30px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:16px}.row-between h3{font-size:24px;margin:0}.resume-project small{font-size:11px;color:var(--muted)}.resume-project p{font-size:13px;margin-top:12px;margin-bottom:12px}.role{color:var(--ink);padding-left:12px;border-left:2px solid var(--green)}.role strong{margin-right:8px}.timeline article{padding-left:22px;border-left:1px solid var(--line);padding-bottom:30px;position:relative}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;background:var(--accent);border-radius:50%}.timeline time{font-size:10px;color:var(--muted);font-family:monospace}.timeline h3{font-size:19px;margin:8px 0}.timeline strong{font-weight:500;font-size:11px;color:var(--muted)}.timeline p{font-size:13px;margin:10px 0 0}.qualification{display:flex;gap:20px;justify-content:space-between}.qualification+.qualification{margin-top:23px}.qualification h3{font-size:18px;margin-bottom:9px}.qualification p{font-size:12px;margin-bottom:7px}.qualification>span{font-size:8px;letter-spacing:1px;color:var(--muted);padding-top:5px}.essay-layout{display:grid;grid-template-columns:250px 1fr;gap:60px;margin:15px 0 70px}.essay-index{position:sticky;top:35px;align-self:start;display:flex;flex-direction:column;gap:0}.essay-index>a{font-size:12px;display:block;padding:14px 0;border-bottom:1px solid var(--line)}.essay-index>a>span{font-size:10px;font-family:monospace;color:var(--accent);margin-right:10px}.essay-index .text-link{margin-top:25px;border:0}.essay{padding:0 0 42px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.essay h2{font-size:28px;line-height:1.5;max-width:580px;margin-bottom:23px}.essay p{font-size:15px;line-height:2.15}.essay p:last-child{margin-bottom:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--line);margin:5px 0 32px}.filter{padding:8px 15px;border:1px solid var(--line);border-radius:30px;font-size:12px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter span{font-family:monospace;font-size:10px;opacity:.6;margin-left:8px}.portfolio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 30px}.portfolio-list .project-art{height:300px}.portfolio-list .project-card-content{padding-top:22px}.portfolio-list .project-card h3{font-size:32px}.portfolio-list .project-card-content>p{font-size:14px}.portfolio-list .vision-frame{top:85px;transform:translateX(-50%) scale(1.2)}.portfolio-list .memory-stack{top:96px;transform:translateX(-50%) rotate(-6deg) scale(1.2)}.portfolio-list .gops-art{padding:48px 25px 20px}.portfolio-note{font-size:12px;margin:35px 0 60px}dialog{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);width:min(830px,calc(100% - 32px));max-height:90vh;padding:38px 45px;overscroll-behavior:contain}dialog::backdrop{background:#14201dcc;backdrop-filter:blur(4px)}.dialog-open{overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin:0}.close-button{font-size:30px;line-height:1;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}dialog h2{font-size:47px;margin:20px 0 10px}.dialog-subtitle{font-size:19px;color:var(--ink)}dialog p{font-size:14px}.detail-role{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;padding:22px 0}.detail-role p{color:var(--ink);margin:10px 0}.detail-role small{color:var(--muted);font-size:11px}.architecture-link{display:block;background:white;padding:16px;border:1px solid var(--line);border-radius:5px;margin-bottom:30px}.architecture-link img{width:100%;height:auto}.architecture-link span{display:block;text-align:right;font-size:11px;margin-top:10px}.case-studies section{margin:30px 0;border-bottom:1px solid var(--line);padding-bottom:25px}.case-studies h3{font-size:23px}.case-studies dl{display:grid;grid-template-columns:85px 1fr;gap:16px 10px;font-size:13px}.case-studies dt{font-size:11px;font-weight:650;color:var(--accent)}.case-studies dd{margin:0;color:var(--muted);line-height:1.9}.detail-note{font-size:11px;background:#e9ece3;padding:16px}.end-close{margin-left:8px}.skip{position:fixed;left:10px;top:-100px;padding:10px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}#main:focus{outline:none}
@media(min-width:1440px){.hero{gap:100px}.hero h1{font-size:65px}.hero-visual{padding:32px}.flow-step{padding:25px 18px}}
@media(max-width:1000px){.header,main,footer{padding-left:32px;padding-right:32px}.hero{gap:30px}.hero h1{font-size:48px}.flow-step{gap:10px;padding:18px 12px}.flow-step strong{font-size:15px}.hero-visual{padding:22px}.project-art{height:190px}.vision-frame{transform:translateX(-50%) scale(.85);top:38px}.memory-stack{transform:translateX(-50%) rotate(-6deg) scale(.85);top:47px}.resume-layout{gap:35px;grid-template-columns:210px 1fr}.essay-layout{gap:35px;grid-template-columns:215px 1fr}.contact-band{padding:28px}.contact-band h2{font-size:23px}.project-grid{gap:15px}.project-card-content>p{min-height:40px}footer>div:first-child{gap:15px}footer p{max-width:175px}.portfolio-list .project-art{height:260px}.portfolio-list .vision-frame{top:70px}.portfolio-list .memory-stack{top:80px}}
@media(max-width:700px){.header,main,footer{padding-left:22px;padding-right:22px}.header{height:86px;gap:20px}.brand{font-size:32px}nav{gap:19px;margin-left:auto}nav a{font-size:12px}.header-contact{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:45px}.hero h1{font-size:49px}.hero-copy>p{max-width:430px;font-size:14px}.hero-visual{margin:0 12px 0 0;padding:24px}.flow-step{padding:18px}.flow-step strong{font-size:17px}.flow-step small{font-size:9px}.visual-bottom{font-size:8px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2,.perspective h2{font-size:29px}.selected{padding:40px 0}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:255px}.vision-frame{transform:translateX(-50%) scale(1.1);top:66px}.memory-stack{transform:translateX(-50%) rotate(-6deg) scale(1.1);top:78px}.project-card-content>p{min-height:0;font-size:13px}.project-card h3{font-size:28px}.gops-art{padding:43px 24px 14px}.perspective{grid-template-columns:1fr;gap:25px;padding:40px 0}.perspective h2 br{display:none}.perspective p{font-size:14px}.contact-band{flex-direction:column;align-items:start;gap:23px;margin-bottom:40px;padding:27px 23px}.contact-band h2{font-size:25px}.contact-band p{font-size:12px}.contact-band .button{width:100%;justify-content:space-between}.page-heading{padding-top:42px;padding-bottom:22px}.page-heading h1{font-size:36px}.page-heading>p{font-size:13px}.page-actions{gap:9px;margin-bottom:30px}.page-actions .button{font-size:11px;padding:12px;gap:14px}.resume-layout{grid-template-columns:1fr;gap:35px;margin-bottom:20px}.profile-card{position:static;display:grid;grid-template-columns:78px 1fr;column-gap:20px;padding:20px}.profile-card img{grid-row:1/5;margin:0;width:70px;height:90px}.profile-card h2{font-size:23px;margin-bottom:0}.profile-card>p{margin:0}.profile-card>a{margin:2px 0}.profile-card .profile-line,.profile-card>.eyebrow,.profile-card>.tags{display:none}.resume-title{margin-bottom:20px}.essay-layout{grid-template-columns:1fr;gap:30px;margin-top:0}.essay-index{position:static}.essay-index>.text-link{display:none}.essay-index>a{padding:11px 0}.essay h2{font-size:25px}.essay p{font-size:14px;line-height:2}.essay{margin-bottom:30px;padding-bottom:30px}.portfolio-list{grid-template-columns:1fr;gap:35px}.portfolio-list .project-art{height:260px}.portfolio-list .project-card h3{font-size:29px}.portfolio-list .vision-frame{top:66px;transform:translateX(-50%) scale(1.1)}.portfolio-list .memory-stack{top:78px;transform:translateX(-50%) rotate(-6deg) scale(1.1)}.filter-bar{gap:7px;padding-bottom:24px}.filter{padding:7px 11px;font-size:10px}.portfolio-note{font-size:11px}footer{align-items:start;flex-direction:column;gap:25px;padding-top:28px;padding-bottom:30px}footer p{max-width:none;font-size:10px}.footer-links{width:100%;justify-content:space-between}dialog{padding:23px;max-height:92vh}dialog h2{font-size:36px}.dialog-top .eyebrow{font-size:8px;letter-spacing:1px}.dialog-subtitle{font-size:17px}.case-studies dl{grid-template-columns:1fr;gap:5px}.case-studies dd{margin-bottom:15px}.case-studies h3{font-size:21px}.end-close{margin:10px 0 0}dialog .button{width:100%}.qualification>span{display:none}.row-between .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{@page{size:A4;margin:16mm}body{background:white;color:#111;font-size:11px}.header,footer,.page-actions,.profile-card img,.project-open,.skip,dialog{display:none!important}main{padding:0;max-width:none}.page-heading{padding:0 0 12px}.page-heading h1{font-size:27px;margin:10px 0}.page-heading>p{font-size:11px}.resume-layout{display:block;margin:0}.profile-card{position:static;display:block;border:0;padding:0 0 14px;margin-bottom:18px}.profile-card h2,.profile-card>p,.profile-card .profile-line,.profile-card .eyebrow,.profile-card .tags{display:none}.profile-card>a{display:inline-block;margin-right:20px}.resume-body>section{margin-bottom:20px;padding-bottom:15px}.resume-title{margin-bottom:15px}.resume-title>span{font-size:18px}.lead{font-size:12px}.clean-list,.resume-project p,.timeline p{font-size:11px}.resume-project,.timeline article,.qualification{break-inside:avoid}.resume-project+.resume-project{margin-top:20px}.row-between h3{font-size:20px}.tags>span{font-size:9px}.timeline h3{font-size:15px}.qualification h3{font-size:15px}.page-heading br{display:none}}
/* 이름과 경력 정보를 우선하는 간결한 소개 화면 */
.hero h1{font-size:64px;letter-spacing:-.06em;margin-bottom:24px}.availability{font-size:15px;letter-spacing:0;font-weight:500;color:var(--muted);margin-bottom:15px}.hero-copy>p{max-width:460px;font-size:15px}.summary-panel{background:transparent;border:1px solid var(--line);box-shadow:none;padding:28px}.summary-panel h2{font-size:18px;letter-spacing:-.03em;margin-bottom:22px}.summary-item{display:block;padding:17px 0;border-top:1px solid var(--line)}.summary-item strong{font-size:16px}.summary-item p{font-size:12px;line-height:1.9;margin:6px 0 0}.summary-item:last-child{padding-bottom:0}.summary-item:hover strong{color:var(--accent)}.hero-signature{gap:14px;flex-wrap:wrap}.hero-signature>a:first-child{padding-left:0;border:0}.contact-band{background:transparent;border-top:1px solid var(--line);padding:30px 0;border-radius:0}.contact-band h2{font-size:18px;margin-bottom:8px}.contact-band>div>a{font-size:14px;color:var(--muted)}.eyebrow{letter-spacing:.3px}.page-heading h1{font-size:42px}.art-label{letter-spacing:.3px}
@media(max-width:700px){.hero h1{font-size:52px}.hero{padding-top:38px;gap:32px}.summary-panel{margin:0;padding:23px}.hero-copy>p{font-size:14px}.page-heading h1{font-size:34px}.contact-band{flex-direction:row;align-items:center;gap:14px}.contact-band .button{width:auto}.hero-signature{font-size:11px}.hero-signature>a{font-size:11px}}
@media print{.page-heading h1{font-size:27px}}

.award-entry{margin:28px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.award-entry h3{font-size:19px;margin-bottom:8px}.award-entry p{font-size:13px;line-height:1.9}.award-entry .award-organization{font-size:12px;margin-bottom:12px}.award-entry figure{margin:20px 0 0}.award-entry img{width:100%;height:auto;border-radius:4px}.award-entry figcaption{margin-top:8px;color:var(--muted);font-size:11px}.award-entry figcaption a{text-decoration:underline;text-underline-offset:3px}.award-entry a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media print{.award-entry{break-inside:avoid;margin:18px 0;padding:18px 0}.award-entry figure{max-width:120mm}.award-entry h3{font-size:15px}.award-entry p{font-size:11px}}

/* 로고 삭제 후 메뉴를 왼쪽에 배치 */
.header nav{margin-left:0}

.architecture-art{padding:44px 18px 18px;background:#e7e9e1}.architecture-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.service-overview{margin:28px 0}.service-overview h3{font-size:20px}.service-overview p{font-size:13px;line-height:1.9}

/* 실제 서비스 화면: 원본 비율을 유지하며 표시 */
.screenshot-cover{background:#e8ece5;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0}.screenshot-cover>img{width:100%;height:100%;object-fit:contain}.screen-cover-label{position:absolute;bottom:10px;left:12px;font-size:10px;padding:3px 8px;background:#f5f5f0ed;border:1px solid #d9ded5;border-radius:3px}.screen-gallery{margin:30px 0 35px}.screen-gallery>h3{font-size:21px;margin:0 0 8px}.screen-gallery .gallery-hint{font-size:11px;margin-bottom:18px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.screen-shot{margin:0;min-width:0}.screen-shot.wide{grid-column:1/-1}.screen-shot>a{display:block;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#e8ece5}.screen-shot img{width:100%;height:auto}.screen-shot.portrait>a{padding:14px;background:#e8ece5;display:flex;align-items:center;justify-content:center}.screen-shot.portrait img{width:auto;max-width:100%;height:340px;object-fit:contain}.screen-shot figcaption{padding-top:10px}.screen-shot figcaption strong{font-size:13px}.screen-shot figcaption p{font-size:12px;line-height:1.8;margin:5px 0}.screen-shot figcaption small{font-size:10px;color:var(--muted)}
@media(max-width:700px){.screen-grid{gap:22px 12px}.screen-shot.portrait>a{padding:8px}.screen-shot.portrait img{height:240px}.screen-shot figcaption strong{font-size:12px}.screen-shot figcaption p{font-size:11px}.screen-gallery>h3{font-size:19px}}

.split-screen-cover{gap:12px;padding:14px 16px 32px;align-items:stretch}.screenshot-cover.split-screen-cover>img{width:calc((100% - 12px)/2);height:100%;object-fit:contain}