:root{--ink:#111;--sub:#666;--subtle:#888;--line:#d7d7d7;--paper:#fff;--sand:#f1f1f1;--black:#111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e7e7e7;color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #111;outline-offset:3px}img{width:100%;display:block;object-fit:cover}figure{margin:0}button{font:inherit} .page{max-width:1600px;margin:auto;background:#fff;min-height:100vh;overflow:hidden}.wrap{width:calc(100% - 112px);max-width:1420px;margin:0 auto}.top{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;gap:16px}.brand{font-size:17px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.topnav{display:flex;gap:28px}.topnav a{font-size:10px;letter-spacing:.08em;font-weight:700}.top-meta{font-size:10px;color:#666;letter-spacing:.08em}.intro{padding:112px 0 99px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.kicker,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.intro .eyebrow{margin:0 0 25px}.intro h1{font-size:clamp(34px,4.3vw,74px);font-weight:650;letter-spacing:-.073em;line-height:1.09;margin:0;max-width:850px}.intro p{margin:4px 0 0;max-width:410px;font-size:13px;line-height:2;color:#494949}.t-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px;padding-bottom:53px;border-bottom:1px solid #d7d7d7}.tile{display:block;min-width:0}.tile .thumb{aspect-ratio:3/3.7;overflow:hidden;background:#e8e8e8;position:relative}.tile img{height:100%;filter:grayscale(1);transition:transform .45s}.tile:hover img{transform:scale(1.035)}.tile .thumb.type{display:grid;align-content:center;padding:13px;background:#dedede}.tile .thumb.type.black{background:#191919;color:#fff}.tile .thumb.type span{font-size:clamp(17px,2.1vw,31px);font-weight:800;letter-spacing:-.08em;line-height:1.1;overflow-wrap:anywhere}.tile .thumb.type small{font-size:9px;margin-top:20px;letter-spacing:.1em}.tile-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;margin:0 0 11px}.tile-name{margin:13px 0 0;font-size:12px;font-weight:700;line-height:1.45}.tile-sub{font-size:10px;color:#777;line-height:1.4;margin-top:4px}.sectionbar{border-top:1px solid #111;display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 0;gap:20px;margin-bottom:50px}.sectionbar h2{font-size:12px;letter-spacing:.1em;font-weight:800;margin:0}.sectionbar span{font-size:10px;color:#666}.index-top{padding:28px 0 96px}.statement{padding:90px 0 112px;display:grid;grid-template-columns:1fr 1.3fr;gap:55px}.statement h2{font-size:clamp(38px,5vw,79px);font-weight:650;line-height:1.13;letter-spacing:-.078em;margin:12px 0}.statement .copy{align-self:end;max-width:540px}.statement .copy p{font-size:15px;line-height:2;letter-spacing:-.03em}.photo-placeholder{margin-top:33px;border:1px solid #bbb;aspect-ratio:3/4;max-width:225px;display:grid;place-content:center;text-align:center;color:#8b8b8b;font-size:11px;letter-spacing:.12em;background:#fafafa}.portfolio{padding:45px 0 60px}.case{padding:90px 0 110px;border-top:1px solid #d8d8d8;scroll-margin-top:30px}.case-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:7.5%;align-items:start}.case-label{font-size:10px;letter-spacing:.15em;margin-bottom:43px}.case h3{font-size:clamp(42px,5.3vw,84px);letter-spacing:-.078em;line-height:1.05;font-weight:650;margin:0 0 30px}.case-lead{font-size:15px;line-height:2;max-width:520px;margin:0 0 48px}.facts{border-top:1px solid #ddd}.facts>div{display:grid;grid-template-columns:115px 1fr;gap:18px;border-bottom:1px solid #ddd;padding:13px 0;font-size:12px}.facts b{font-size:10px;letter-spacing:.07em}.facts span{color:#454545}.case-photo{aspect-ratio:4/4.4;background:#ebebeb;overflow:hidden}.case-photo img{height:100%;filter:grayscale(1)}.case-photo.crop-top img{object-position:center 12%}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-pair .case-photo{aspect-ratio:3/4}.visual-type{aspect-ratio:4/4.4;background:#eee;padding:7%;display:flex;flex-direction:column;justify-content:space-between}.visual-type.black{background:#151515;color:white}.visual-type .vtop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.visual-type strong{font-size:clamp(64px,9vw,153px);font-weight:750;letter-spacing:-.105em;line-height:1}.visual-type .vfoot{font-size:11px;line-height:1.8;max-width:320px}.visual-type.product strong{font-size:clamp(50px,6vw,101px)}.review{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px;padding-top:18px;border-top:1px solid #d0d0d0}.review b{font-size:10px;letter-spacing:.11em}.review p{font-size:12px;line-height:1.9;color:#555;margin:9px 0 0}.case-bottom{margin-top:45px;display:flex;justify-content:space-between;align-items:end;gap:15px}.case-bottom .bignum{font-size:clamp(52px,6vw,98px);font-weight:700;letter-spacing:-.09em;line-height:1}.case-bottom .num-label{font-size:10px;max-width:200px;line-height:1.7;color:#555}.rule-band{background:#141414;color:#fff;padding:100px 0}.rule-band .wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.rule-band h2{font-size:clamp(34px,4.6vw,72px);letter-spacing:-.07em;line-height:1.14;font-weight:600;margin:0}.rule-band p{font-size:14px;color:#d5d5d5;max-width:580px;line-height:2}.expertise{padding:105px 0}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px}.expertise-item{border-top:1px solid #ccc;padding:20px 0 35px;min-height:180px}.expertise-item span{font-size:10px;color:#777;letter-spacing:.1em}.expertise-item h3{font-size:23px;letter-spacing:-.055em;margin:13px 0 12px}.expertise-item p{max-width:540px;color:#555;font-size:12px;line-height:1.95}.timeline{padding:60px 0 115px}.timeline-row{border-top:1px solid #d4d4d4;display:grid;grid-template-columns:180px 1fr 1.1fr;gap:30px;padding:25px 0}.timeline-row h3{font-size:23px;letter-spacing:-.05em;margin:0}.timeline-row p{margin:0;font-size:12px;color:#555}.timeline-row span{font-size:11px;color:#777}.ending{border-top:1px solid #ddd;background:#f4f4f4;padding:80px 0 90px}.ending h2{font-size:clamp(42px,6vw,90px);letter-spacing:-.08em;font-weight:650;line-height:1.1;max-width:1000px;margin:28px 0}.ending p{font-size:15px;line-height:2;max-width:700px}.contact{padding:60px 0 40px}.contact dl{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 50px;margin:35px 0 70px}.contact dt{font-size:10px;color:#777;letter-spacing:.1em}.contact dd{font-size:16px;font-weight:600;margin:6px 0 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd;padding-top:20px;font-size:10px;letter-spacing:.1em}.foot a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.t-grid{gap:12px}.intro{padding:85px 0}.case-grid{gap:4%}}
@media(max-width:800px){.wrap{width:calc(100% - 38px)}.topnav{gap:14px}.top-meta{display:none}.intro,.statement,.case-grid,.rule-band .wrap{grid-template-columns:1fr}.intro{gap:30px;padding:78px 0}.t-grid{grid-template-columns:repeat(3,1fr);gap:30px 12px}.statement{padding:50px 0 80px}.photo-placeholder{max-width:210px}.case{padding:70px 0}.case .case-label{margin-bottom:20px}.case h3{font-size:56px}.case-visual{margin-top:34px}.review{gap:18px}.timeline-row{grid-template-columns:1fr 1.2fr}.timeline-row p{grid-column:2}.contact dl{grid-template-columns:1fr 1fr}.rule-band{padding:70px 0}}
@media(max-width:520px){.top{height:64px}.brand{font-size:14px}.topnav{gap:12px}.topnav a{font-size:9px}.topnav a:nth-child(3){display:none}.intro h1{font-size:42px}.t-grid{grid-template-columns:repeat(2,1fr)}.sectionbar{margin-bottom:30px}.case h3{font-size:44px}.facts>div{grid-template-columns:90px 1fr}.review{grid-template-columns:1fr}.case-bottom{align-items:start;flex-direction:column}.expertise-grid,.timeline-row{grid-template-columns:1fr}.timeline-row p{grid-column:auto}.contact dl{grid-template-columns:1fr}.ending{padding:60px 0}.foot{flex-direction:column;align-items:start}.case-photo{aspect-ratio:4/4.4}}

.words-photo{aspect-ratio:4/3.4}.words-photo img{object-position:center 40%}

/* V15 editorial refinement */
body{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-weight:450;letter-spacing:-.016em}
.intro h1,.statement h2,.case h3,.ending h2,.evidence-heading h2{font-family:'Pretendard',sans-serif;font-weight:770;letter-spacing:-.075em}
.intro p,.case-lead,.statement .copy p,.evidence-heading p{font-weight:590;color:#242424;line-height:1.82}
.tile-name,.facts span,.review p,.evidence-list p,.expertise-item p,.timeline-row p{font-weight:510;color:#333}
.tile-sub,.tile-head,.sectionbar span,.case-label{font-weight:600}
.case-lead strong,.intro p strong{font-weight:760}
.dept-logo{background:#fff!important;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d4d4d4;gap:22px;padding:10px}
.dept-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,1.85vw,31px);font-weight:950;letter-spacing:-.09em;line-height:.94;text-align:center;white-space:nowrap;transform:scaleX(.87)}
.dept-wordmark span{font-size:.35em;vertical-align:top;margin-left:3px}
.dept-logo small{font-size:9px;letter-spacing:.13em;color:#595959;font-weight:750}
.case-dept .dept-wordmark{font-size:clamp(30px,4.6vw,82px)}
.evidence{padding:60px 0 85px}.evidence-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin:65px 0}
.evidence-heading h2{font-size:clamp(42px,6vw,85px);line-height:1.04;margin:0}
.evidence-heading h2 em{font-style:normal;color:#8a8a8a}.evidence-heading p{font-size:17px;max-width:460px}
.evidence-list{border-top:1px solid #ccc;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.evidence-list article{padding:30px 0;border-bottom:1px solid #ddd;min-width:0}
.evidence-list article>span,.evidence-list article small{font-size:10px;letter-spacing:.09em;font-weight:700;color:#666}
.evidence-list h3{font-size:clamp(20px,2.1vw,30px);font-weight:770;letter-spacing:-.065em;margin:17px 0 14px}
.evidence-list p{font-size:13px;line-height:1.85;margin-bottom:18px}
@media(max-width:800px){.evidence-heading{grid-template-columns:1fr;gap:20px}.evidence-list{grid-template-columns:1fr;gap:0}}

/* V17: readable embedded brand mark + compact operations schematic */
.dept-logo{display:flex;align-items:center;justify-content:center;background:#111!important;padding:0!important;overflow:hidden}.dept-logo img.phyps-mark{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important;mix-blend-mode:normal}
.process-sheet{background:#f4f4f2;padding:clamp(22px,4vw,48px);border:1px solid #dededb;color:#111}.process-cap{font-size:11px;letter-spacing:.14em;margin-bottom:28px}.process-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border-bottom:1px solid #aaa;padding-bottom:12px;font-size:10px;font-weight:700}.process-rows>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:16px 0;border-bottom:1px solid #d4d4d2;font-size:10px}.process-rows b{font-size:12px}.process-sheet p{font-size:10px;opacity:.65;margin:24px 0 0}@media(max-width:700px){.process-sheet{overflow-x:auto}.process-header{min-width:460px}.process-rows>div{min-width:460px}}

/* V18 refined brand mark and public workbook */
.tile .thumb.dept-logo{background:#101010!important;padding:20px!important;aspect-ratio:3/3.7}
.tile .thumb.dept-logo img.phyps-mark{width:100%!important;height:auto!important;max-height:48%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
.case-visual .dept-logo{min-height:290px;padding:38px!important}
.case-visual .dept-logo .phyps-mark{width:78%!important;height:auto!important;max-height:200px!important;object-fit:contain!important;filter:none!important}
.sheet-cta{display:flex;flex-direction:column;gap:6px;margin-top:17px;padding-top:14px;border-top:1px solid #c7c7c7}
.sheet-cta a{display:inline-block;width:fit-content;border-bottom:1px solid #111;font-size:12px;font-weight:800;letter-spacing:.02em;color:#111;text-decoration:none;padding-bottom:5px}
.sheet-cta span{font-size:10px;color:#666;line-height:1.5}

/* V19: Brand mark safe area; no clipping at any breakpoint */
.tile .thumb.dept-logo,.case-visual .case-photo.dept-logo{display:flex!important;align-items:center!important;justify-content:center!important;background:#111!important;overflow:visible!important;padding:clamp(12px,2vw,32px)!important;box-sizing:border-box!important}
.tile .thumb.dept-logo .phyps-mark,.case-visual .dept-logo .phyps-mark{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;flex-shrink:0!important}
.case-visual .case-photo.dept-logo{min-height:370px!important;aspect-ratio:4/3!important}
@media(max-width:520px){.tile .thumb.dept-logo{padding:12px!important}.case-visual .case-photo.dept-logo{min-height:220px!important}}
.sheet-visual{margin:25px 0 18px;background:#f5f5f5;border:1px solid #ddd;padding:14px}.sheet-visual img{width:100%;height:auto;object-fit:contain;filter:none!important}.sheet-visual figcaption{font-size:11px;line-height:1.7;color:#555;margin-top:12px}.case-detail{margin:35px 0 0;border-top:1px solid #ddd;padding-top:22px}.case-detail h4{font-size:11px;letter-spacing:.09em;margin:0 0 14px}.case-detail p{font-size:13px;line-height:1.95;color:#383838;margin:0 0 15px;font-weight:550}.case-lead{font-size:15px;line-height:1.9}.review p{font-size:13px;line-height:1.85}.case-detail strong{font-weight:800;color:#111}

/* V21: final publication layout */
html{scroll-behavior:smooth}#career,#summary,#work,#about,#contact{scroll-margin-top:36px}
.summary-panel{padding:62px 0 85px}.summary-intro{max-width:710px;margin:0 0 42px}.summary-intro p{font-size:16px;line-height:1.95;font-weight:600;letter-spacing:-.035em}.summary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.summary-stats>div{border-top:1px solid #bbb;padding-top:16px}.summary-stats b{font-size:clamp(28px,3.8vw,56px);font-weight:760;letter-spacing:-.07em;display:block;white-space:nowrap}.summary-stats span{font-size:10px;line-height:1.8;letter-spacing:.025em;color:#555}.summary-note{font-size:10px;color:#666;line-height:1.8;margin-top:24px}
.tile .thumb.dept-logo,.case-visual .case-photo.dept-logo{padding:0!important;overflow:hidden!important;background:#111!important;display:flex!important;align-items:center!important;justify-content:center!important}
.tile .thumb.dept-logo img.phyps-mark,.case-visual .case-photo.dept-logo img.phyps-mark{display:block!important;position:static!important;flex:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;filter:none!important;transform:none!important;margin:0!important;opacity:1!important}
.topnav{gap:18px}.topnav a{white-space:nowrap}.case-detail p,.case-lead{font-weight:550}.case-detail h4{font-weight:800}.review p{font-weight:550;color:#333}.photo-placeholder{background:#f4f4f3;border-color:#e4e4e4}.timeline{padding:80px 0 70px}.index-top{padding-top:50px}.statement{padding-top:80px}.portfolio{padding-top:60px}
@media(max-width:800px){.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.topnav{gap:9px}.topnav a{font-size:9px}}
@media(max-width:520px){.topnav a:nth-child(3){display:inline}.brand{font-size:12px}.topnav{gap:7px}.topnav a{font-size:8px}.summary-panel{padding:35px 0 65px}.summary-stats b{font-size:31px}.summary-intro p{font-size:14px}}