:root{--orange:#f94239;--ink:#171717;--muted:#777;--line:#dededb;font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);background:#fafaf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:absolute;top:-90px;left:20px;padding:10px;background:#fff;z-index:99}.skip-link:focus{top:10px}.topbar{height:84px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line)}.main-nav{display:flex;gap:50px;align-items:center}.main-nav a{width:83px;min-height:43px;display:flex;justify-content:center;align-items:center;font-size:12px;position:relative}.main-nav a.active{color:var(--orange)}.main-nav a.active:after{content:'';position:absolute;bottom:1px;left:calc(50% - 2px);width:4px;height:4px;background:var(--orange)}.record-nav{display:flex;align-items:center;justify-content:center;gap:29px;padding:18px 20px;border-bottom:1px solid var(--line)}.record-nav a{font-size:10px;color:#888;min-height:22px;display:flex;align-items:center}.record-nav a:hover,.record-nav a[aria-current]{color:var(--ink)}.page{max-width:1440px;margin:auto;padding:40px 5%}.profile-page{padding:0 7%}.profile-scene{max-width:1100px;margin:auto}.intro-main{padding:60px 0 55px;text-align:left}.identity-line p{font-size:15px;margin:0 0 9px}.identity-line div>span{font-size:11px;color:var(--muted)}h1{font-weight:400}.intro-main h1{font-size:clamp(36px,4.8vw,68px);line-height:1.4;letter-spacing:-3px;margin:32px 0 24px}.highlight-word{color:var(--orange)}.period{color:var(--orange)}.profile-description{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 38px}.profile-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;border-top:1px solid var(--line);padding-top:27px}.identity-info{display:flex;gap:45px}.micro-label{display:block;font-size:9px;color:#999;margin-bottom:14px}.keywords{display:flex;flex-wrap:wrap;gap:14px}.keywords span{font-size:10px}.work-style p{font-size:11px;line-height:1.9;margin:0}.start-button{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:12px;min-width:210px;transition:color .2s,border-color .2s}.button-arrow{font-size:23px}.start-button:hover{color:var(--orange);border-color:var(--orange)}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.gallery-heading h1{font-size:23px;letter-spacing:-.8px;margin:0}.gallery-heading h1>span{margin-left:12px;color:var(--orange)}.gallery-layout{display:flex;gap:7px}.gallery-layout button{padding:8px 16px;border:1px solid #ccc;border-radius:0;font-size:10px;min-width:87px}.gallery-layout button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filters{display:flex;flex-wrap:wrap;gap:20px}.filters button{font-size:10px;border:0;border-bottom:1px solid transparent;padding:6px 0;min-height:30px;color:#8a8a8a}.filters button[aria-pressed=true]{color:var(--orange);border-color:var(--orange)}.ring-world{position:relative;height:620px;margin-top:12px;isolation:isolate;overflow:hidden;touch-action:pan-y;background:#f1f1ef}.poster-ring{position:absolute;inset:0;pointer-events:none}.project-card{position:absolute;left:50%;top:50%;width:112px;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(var(--depth));z-index:var(--layer);transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .25s,filter .25s;pointer-events:auto}.project-card a{display:block}.poster-frame{aspect-ratio:3/4;position:relative;overflow:hidden;background:#e4e3df;border:0;border-radius:0;box-shadow:none}.poster-frame img{width:100%;height:100%;object-fit:cover}.poster-art{position:absolute;inset:0;padding:11px;background:#dcdcd7;color:#2b2b29;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.poster-art small{font-size:6px;letter-spacing:1.3px}.poster-word{font-size:52px;font-weight:400;line-height:1;letter-spacing:-3px;margin:auto 0 7px}.poster-label{font-size:9px;line-height:1.55;font-weight:400;letter-spacing:-.2px;word-break:keep-all}.art-1{background:#292929;color:#f1f1ed}.art-2{background:#ece9e3;color:#4b4840}.art-3{background:#c4c5bf;color:#373a35}.art-4{background:#e9e2d9;color:#58534a}.poster-cta{position:absolute;bottom:0;left:0;right:0;background:var(--orange);color:white;padding:7px 8px;font-size:8px;display:flex;justify-content:space-between;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.project-meta{display:flex;justify-content:space-between;gap:5px;min-width:0;margin-top:7px;font-size:8px}.project-meta h3{font-weight:400;font-size:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.project-meta>span{display:none}.project-card.is-selected{z-index:50;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(calc(var(--depth)*1.4))}.project-card.is-selected .poster-cta{opacity:1;transform:none}.ring-world.has-selection .project-card:not(.is-selected){opacity:.42;filter:blur(.7px)}.ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;max-width:38%;text-align:center;z-index:1;pointer-events:none}.ring-center h2{font-weight:400;font-size:19px;letter-spacing:-.6px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.ring-center h2 em{font-style:normal;display:block;font-size:10px;color:#888;margin-top:8px}.ring-center p{font-size:9px;color:#999}.gallery-bottom{display:flex;justify-content:flex-end;padding-top:18px}.ring-controls{display:flex;gap:18px;align-items:center}.ring-controls>span{font-size:8px;color:#888;letter-spacing:.4px}.ring-controls button{height:32px;width:32px;border:1px solid var(--line);font-size:15px}.ring-controls button:hover{border-color:var(--orange);color:var(--orange)}.grid-mode{height:auto;min-height:300px;padding:30px;background:none}.grid-mode .ring-center{display:none}.grid-mode .poster-ring{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;pointer-events:auto}.grid-mode .project-card{position:relative;width:auto;left:auto;top:auto;transform:none!important;opacity:1!important;filter:none!important}.grid-mode .poster-art{padding:22px}.grid-mode .poster-word{font-size:90px;letter-spacing:-5px}.grid-mode .poster-label{font-size:15px}.grid-mode .poster-art small{font-size:8px}.grid-mode .project-meta h3{font-size:11px}.grid-mode .project-card:hover .poster-cta{opacity:1;transform:none}.grid-mode .poster-cta{font-size:10px;padding:10px}.record-page{max-width:1180px;padding-top:45px;padding-bottom:80px}.record-heading{margin:0 0 38px}.record-heading h1{font-size:31px;margin:0;letter-spacing:-1px}.record-sheet{border-top:1px solid var(--ink);padding:30px 0}.record-sheet>p{font-size:11px;color:#888;line-height:1.9;margin:0 0 26px}.record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0 0 28px}.record+.record{border-top:1px solid var(--line);padding-top:27px}.record>div{min-width:0}.record dt{font-size:10px;color:#888;margin-bottom:13px}.record dd{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.missing{color:#aaa}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.tool-group h2{font-size:12px;font-weight:400;margin:0 0 20px;color:var(--orange)}.tool-group>span{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid var(--line);font-size:11px;padding:6px 0;margin-bottom:6px}.tool-group small{display:block;font-size:9px;color:#aaa;margin-top:15px}.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ability{border-top:1px solid var(--line);padding:22px 0}.ability-symbol{display:none}.ability-number{font-size:10px;color:var(--orange)}.ability h2{font-size:18px;font-weight:400;letter-spacing:-.5px;margin:20px 0 14px}.ability p{font-size:12px;color:#777;line-height:1.9;margin:0}.detail-page{max-width:1180px;padding-top:32px;padding-bottom:70px}.detail-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.pill-button{font-size:10px;padding:10px 0;border:0;border-bottom:1px solid #aaa;background:none;border-radius:0}.pill-button:hover{color:var(--orange);border-color:var(--orange)}.detail-index{font-size:9px;color:#999}.detail-hero{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center}.detail-kicker{font-size:10px;color:var(--orange)}.detail-hero h1{font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.55;letter-spacing:-1.5px;margin:16px 0 25px;word-break:keep-all;overflow-wrap:anywhere}.detail-keywords{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.detail-keywords span{font-size:9px;color:#888}.detail-keywords:empty{display:none}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:25px}.detail-facts dt{font-size:9px;color:#999;margin-bottom:10px}.detail-facts dd{font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.detail-poster{position:relative;aspect-ratio:3/4;overflow:hidden}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-poster .poster-art{padding:28px}.detail-poster .poster-word{font-size:135px;letter-spacing:-8px}.detail-poster .poster-label{font-size:25px;line-height:1.6}.detail-poster .poster-art small{font-size:9px}.case-section{display:grid;grid-template-columns:185px minmax(0,1fr);gap:40px;border-top:1px solid var(--line);padding:32px 0}.case-section:first-of-type{margin-top:50px}.section-title>span{font-size:9px;color:var(--orange)}.section-title h2{font-size:18px;font-weight:400;margin:10px 0;letter-spacing:-.5px}.case-text{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.case-hint{font-size:11px;line-height:1.9;color:#aaa;margin:0}.case-image{margin:25px 0}.case-image img{width:100%;display:block}.case-image figcaption{font-size:10px;color:#999;margin-top:10px}.image-placeholder{aspect-ratio:16/8;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#aaa;margin-top:25px}.image-placeholder small{font-size:10px}.source-note,.sparse-note{font-size:11px;color:#999;margin:30px 0}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px}.next-case{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.next-case small{font-size:8px;color:#999}.next-case>span{font-size:12px;max-width:350px;text-align:right;line-height:1.7}.draft-banner{font-size:11px;margin:25px 0;color:#aaa}
@media(max-width:900px){.identity-info{gap:25px}.profile-bottom{align-items:flex-start}.start-button{min-width:170px;gap:20px}.grid-mode .poster-ring{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{width:100px}.detail-hero{gap:6%}.record{gap:20px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.topbar{height:69px}.main-nav{gap:40px}.main-nav a{font-size:12px}.record-nav{justify-content:flex-start;gap:23px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:13px 20px}.record-nav a{flex-shrink:0;font-size:10px;min-height:27px}.page{padding:27px 20px}.profile-page{padding-top:0}.intro-main{padding:38px 0}.identity-line p{font-size:15px}.identity-line div>span{font-size:10px}.intro-main h1{font-size:clamp(29px,7.8vw,43px);letter-spacing:-1.6px;line-height:1.5;margin:30px 0 22px}.profile-description{font-size:11px;margin-bottom:29px}.profile-bottom{flex-direction:column;gap:29px;padding-top:23px}.identity-info{display:block}.keywords{gap:16px}.work-style{margin-top:24px}.micro-label{margin-bottom:10px}.work-style p{font-size:11px}.start-button{width:100%;min-height:48px;font-size:12px}.gallery-heading{margin-bottom:17px;gap:10px;align-items:flex-start}.gallery-heading h1{font-size:19px;line-height:1.6;max-width:170px;letter-spacing:-1px}.gallery-heading h1>span{margin-left:6px}.gallery-layout{flex-direction:column;gap:5px}.gallery-layout button{font-size:8px;padding:7px 10px;min-width:73px;min-height:31px}.filters{gap:16px}.filters button{font-size:9px}.ring-world{height:475px;margin:12px -8px 0}.project-card{width:70px}.poster-art{padding:7px}.poster-art small{font-size:4px;letter-spacing:.7px}.poster-word{font-size:31px;letter-spacing:-1px}.poster-label{font-size:6px;line-height:1.6}.project-meta{margin-top:5px}.project-meta h3{font-size:6px}.ring-center{max-width:40%;width:170px}.ring-center h2{font-size:14px;line-height:1.7;letter-spacing:-.5px}.ring-center h2 em{font-size:8px;margin-top:4px}.ring-center p{font-size:7px}.poster-cta{font-size:6px;padding:5px 4px}.project-card.is-selected{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(calc(var(--depth)*1.35))}.gallery-bottom{justify-content:center}.ring-controls>span{font-size:8px}.ring-controls button{height:37px;width:37px}.grid-mode{padding:20px 8px;height:auto}.grid-mode .poster-ring{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.grid-mode .poster-art{padding:13px}.grid-mode .poster-word{font-size:60px;letter-spacing:-3px}.grid-mode .poster-label{font-size:10px}.grid-mode .poster-art small{font-size:6px}.grid-mode .project-meta h3{font-size:9px}.ability-grid{grid-template-columns:1fr;gap:8px}.ability h2{font-size:17px;margin-top:15px}.ability p{font-size:11px}.record-heading{margin:10px 0 30px}.record-heading h1{font-size:28px}.record{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.record dt{font-size:9px}.record dd{font-size:11px}.record-sheet{padding-top:25px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.tool-group>span{font-size:10px}.tool-group small{font-size:8px}.detail-hero{grid-template-columns:1fr;gap:24px}.detail-hero h1{font-size:28px}.detail-topline{margin-bottom:30px}.detail-index{font-size:8px}.detail-poster{aspect-ratio:4/3}.detail-poster .poster-word{font-size:90px;letter-spacing:-5px}.detail-poster .poster-label{font-size:18px}.detail-poster .poster-art{padding:20px}.case-section{grid-template-columns:1fr;gap:17px;padding:25px 0}.case-section:first-of-type{margin-top:35px}.case-text{font-size:12px}.section-title h2{font-size:18px;margin-top:7px}.next-case>span{font-size:10px;max-width:160px}.detail-bottom .pill-button{font-size:9px}.image-placeholder{aspect-ratio:4/3}.image-placeholder small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
/* Long-form case studies extend the current detail layout without changing the site shell. */
.case-lede{font-size:12px;line-height:1.95;color:#777;margin:0 0 25px;word-break:keep-all;overflow-wrap:anywhere}
.manuscript-section{scroll-margin-top:25px}.manuscript-section .section-title h2{line-height:1.65;word-break:keep-all}.section-body{min-width:0}.case-prose{font-size:13px;line-height:2;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 20px}.case-prose:last-child{margin-bottom:0}.case-prose strong,.case-list strong{font-weight:600}.case-subheading{font-size:15px;font-weight:500;line-height:1.7;margin:32px 0 13px;word-break:keep-all}.case-subheading:first-child{margin-top:0}.case-list{padding-left:19px;margin:0 0 22px;font-size:13px;line-height:2}.case-list li{padding-left:3px;margin-bottom:7px;overflow-wrap:anywhere}.case-scope-note{font-size:11px;line-height:1.95;color:#777;border-left:2px solid #d1d1cd;padding-left:14px;margin:24px 0;word-break:keep-all;overflow-wrap:anywhere}.case-scope-note:last-child{margin-bottom:0}.case-checks{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.case-checks h2{font-weight:400;font-size:11px;color:var(--orange);margin:0 0 10px}.case-checks p{font-size:11px;line-height:1.9;color:#777;margin:0;word-break:keep-all}.case-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:25px 0;margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-flow li{font-size:11px;line-height:1.8;word-break:keep-all}.case-flow li>span{display:block;font-size:9px;color:var(--orange);margin-bottom:12px}.case-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin:30px 0;border-top:1px solid var(--line)}.case-jump a{font-size:11px;line-height:1.8;padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.case-jump a>span{color:var(--orange)}.case-jump a:hover{color:var(--orange)}.case-external{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.case-external:hover{color:var(--orange)}.brand-shift{display:grid;grid-template-columns:1fr 20px 1fr;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0}.brand-shift h3{font-size:10px;font-weight:400;color:#888;margin:0 0 12px}.brand-shift p{font-size:15px;line-height:1.9;margin:0;word-break:keep-all}.brand-shift>span{align-self:center;color:var(--orange)}.comparison-wrap{margin:25px 0}.case-comparison{border-collapse:collapse;width:100%;font-size:12px}.case-comparison caption{text-align:left;font-size:10px;color:#888;margin-bottom:15px;line-height:1.8}.case-comparison th,.case-comparison td{border-bottom:1px solid var(--line);padding:14px 10px;text-align:right;line-height:1.8;font-weight:400}.case-comparison thead th{border-top:1px solid #333;color:#777;font-size:10px}.case-comparison tr>:first-child{text-align:left;padding-left:0}.case-comparison tr>:last-child{padding-right:0}.case-comparison tbody td:last-child{color:var(--orange)}.comparison-caption{font-size:11px;margin:12px 0 0;color:#777}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;border-top:1px solid var(--line);padding-top:20px}.case-metrics dt{font-size:10px;color:#777;line-height:1.8}.case-metrics dd{font-size:27px;letter-spacing:-1px;margin:12px 0;color:var(--orange)}.case-metrics p{font-size:9px;color:#999;line-height:1.8;margin:0}.result-groups{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:0 0 25px}.result-groups>div:last-child{grid-column:1/-1}.result-groups h3{font-size:11px;font-weight:400;color:var(--orange);margin:0 0 12px}.result-groups ul{font-size:12px;line-height:1.9;padding-left:16px;margin:0}.result-groups li{margin-bottom:7px}.case-asset-slot{aspect-ratio:var(--asset-ratio,16/9);max-height:500px;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #d4d4ce;background:transparent;padding:20px;margin:30px 0 0}.case-asset-slot>div{max-width:90%}.case-asset-slot span{font-size:9px;color:#aaa;display:block;margin-bottom:12px}.case-asset-slot figcaption{font-size:11px;color:#888;line-height:1.8;word-break:keep-all}.case-asset-slot small{font-size:8px;display:block;margin-top:13px;color:#aaa}.case-asset-slot[data-asset-id^="P02"]{max-height:420px}.case-image img{object-fit:contain;max-height:850px}.detail-facts{gap:23px 25px}.case-jump+.case-section{margin-top:0}
@media(max-width:680px){.case-lede{font-size:11px}.case-prose,.case-list{font-size:12px;line-height:2}.case-prose{margin-bottom:18px}.case-list{padding-left:17px}.case-subheading{font-size:14px;margin-top:27px}.case-scope-note{font-size:10px;padding-left:11px}.case-flow{grid-template-columns:1fr 1fr;gap:23px 20px;margin:25px 0;padding:20px 0}.case-flow li{font-size:10px}.case-flow li>span{margin-bottom:8px}.case-jump{grid-template-columns:1fr;margin:25px 0}.case-jump a{font-size:10px;min-height:44px}.brand-shift{grid-template-columns:1fr;gap:14px;padding:20px 0}.brand-shift>span{transform:rotate(90deg);justify-self:start}.brand-shift p{font-size:13px}.case-comparison{font-size:10px;table-layout:fixed}.case-comparison th,.case-comparison td{padding:12px 5px;word-break:keep-all;overflow-wrap:anywhere}.case-comparison thead th{font-size:9px}.case-comparison th:first-child{width:38%}.case-comparison caption{font-size:9px}.comparison-caption{font-size:10px}.case-metrics{grid-template-columns:1fr 1fr;gap:22px 17px}.case-metrics dd{font-size:24px}.case-metrics dt{font-size:9px}.case-metrics p{font-size:8px}.result-groups{grid-template-columns:1fr;gap:23px}.result-groups>div:last-child{grid-column:auto}.result-groups ul{font-size:11px}.case-asset-slot{min-height:165px;max-height:350px;padding:15px;margin-top:24px}.case-asset-slot figcaption{font-size:10px}.case-asset-slot small{font-size:7px}.case-checks{margin:23px 0}.case-checks p{font-size:10px}.detail-facts{gap:22px 15px}}
.case-asset-slot{flex-direction:column}.case-metrics .metric-scope{font-size:9px;font-weight:400;color:#999;letter-spacing:0;line-height:1.8;margin:0}
@media(max-width:680px){.case-metrics .metric-scope{font-size:8px}}

/* Cutout portrait and introduction share a calm, two-column composition. */
.profile-scene{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,76px);align-items:center;padding:55px 0 40px;min-height:650px}.profile-portrait{margin:0;align-self:center}.profile-portrait img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;object-position:center bottom}.profile-scene .intro-main{padding:0;min-width:0}.profile-scene .intro-main h1{font-size:clamp(32px,3.5vw,51px);letter-spacing:-2px}.profile-scene .profile-bottom{flex-direction:column;align-items:stretch;gap:28px}.profile-scene .identity-info{flex-wrap:wrap;gap:25px 35px}.profile-scene .start-button{align-self:flex-start;min-width:210px}
@media(max-width:900px){.profile-scene{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:30px;min-height:570px}.profile-scene .intro-main h1{font-size:34px}}
@media(max-width:680px){.profile-scene{grid-template-columns:80px minmax(0,1fr);gap:24px 18px;padding:28px 0;min-height:0;align-items:center}.profile-scene .intro-main{display:contents}.profile-portrait{width:80px;height:90px;justify-self:start;align-self:center;overflow:hidden}.profile-portrait img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 15%}.profile-scene .identity-line{grid-column:2;grid-row:1}.profile-scene .intro-main h1,.profile-scene .profile-description,.profile-scene .profile-bottom{grid-column:1/-1}.profile-scene .intro-main h1{font-size:clamp(29px,7.8vw,43px);letter-spacing:-1.6px;margin:0}.profile-scene .profile-description{margin:0}.profile-scene .start-button{width:100%}}

.skill-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.skill-category h2{font-size:14px;font-weight:400;margin:0 0 30px;color:var(--muted)}.skill-items{display:grid;gap:25px}.skill-item{display:flex;align-items:center;gap:17px;min-width:0}.skill-item img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-info>span{font-size:12px;line-height:1.5}.skill-track{height:5px;background:#e6e6e3;margin-top:11px;overflow:hidden;border-radius:999px}.skill-track>span{display:block;height:100%;background:#595959;border-radius:999px}@media(max-width:900px){.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}@media(max-width:680px){.skill-groups{grid-template-columns:1fr;gap:38px}.skill-category h2{margin-bottom:22px}.skill-items{gap:22px}.skill-item img{width:42px;height:42px}.skill-info>span{font-size:12px}}

.activity-sort{display:flex;justify-content:flex-end;gap:4px;margin-bottom:22px}.activity-sort button{border:1px solid var(--line);padding:9px 15px;font-size:11px;border-radius:4px}.activity-sort button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}