@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700;800;900;1000&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f5f5f2;--ink:#111;--pink:#ff009c;--line:#d1d1cd;--muted:#74746f;--sans:'DM Sans','Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}button{cursor:pointer}::selection{background:var(--pink);color:white}em{font-style:normal}p{word-break:keep-all;line-height:1.9}h1,h2,h3,h4,p{margin-top:0}h2,h3,h4{word-break:keep-all}img{max-width:100%;display:block}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--pink);color:#fff;padding:16px}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--pink);z-index:80}.topbar{position:absolute;top:0;left:0;width:100%;height:58px;padding:0 2.5cqw;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.06em;z-index:5}.wordmark span{margin-left:18px;font-weight:400}.topcontact{display:flex;align-items:center;gap:12px}.topcontact i,.pink-dot{display:inline-block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--pink)}.hero{min-height:780px;height:100svh;max-height:1200px;position:relative;display:grid;grid-template-columns:50% 50%;padding-top:58px;overflow:hidden}.portrait-panel{position:relative;background:#d6d6d3;min-height:100%;overflow:hidden}.portrait-panel img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1) contrast(1.1);transform:scale(1.03);animation:portrait-in 1.8s cubic-bezier(.16,1,.3,1) both}.portrait-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.portrait-caption{position:absolute;left:5cqw;bottom:45px;color:#fff;font-size:12px;line-height:1.8;letter-spacing:.08em}.hero-title{position:absolute;left:2cqw;top:73px;width:96%;margin:0;color:#fff;mix-blend-mode:difference;z-index:3;font-size:clamp(60px,13.55cqw,240px);font-weight:800;line-height:.9;letter-spacing:-.075em;white-space:nowrap;pointer-events:none;overflow:hidden}.hero-title span{display:block;animation:title-in 1.4s cubic-bezier(.16,1,.3,1) both}.hero-right{position:relative;padding:clamp(150px,16cqw,280px) 3cqw 32px 4cqw;display:flex;align-items:flex-end;flex-direction:column}.hero-role{font-size:clamp(30px,4.2cqw,76px);font-weight:800;line-height:1.02;letter-spacing:-.055em;text-align:right;white-space:nowrap}.hero-role span{font-size:.52em;letter-spacing:-.04em}.hero-intro{display:flex;gap:17px;margin-top:42px;max-width:380px;align-self:flex-end}.hero-intro .pink-dot{margin-top:11px}.hero-intro p{font-size:clamp(13px,1.16cqw,18px);line-height:1.9;color:#65655f;margin-bottom:0}.hero-cta{display:flex;align-items:center;gap:55px;align-self:flex-start;margin-top:50px;margin-left:22px;border-bottom:1px solid #111;padding:0 0 13px;font-size:13px;font-weight:600}.hero-cta span{font-size:32px;line-height:1;transition:transform .3s}.hero-cta:hover span{transform:translate(4px,4px)}.hero-bottom{margin-top:auto;padding-top:40px;width:100%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:9px;letter-spacing:.07em;color:#666}.hero-nav{position:absolute;right:32px;bottom:50px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;color:#fff;font-size:clamp(16px,1.6cqw,25px);font-weight:700;letter-spacing:-.05em}.hero-nav a{transition:color .2s,transform .25s}.hero-nav a:hover{color:var(--pink);transform:translateX(-6px)}.dark{background:#101010;color:var(--paper)}.section-pad{padding:70px 5cqw 110px}.section-kicker{display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.06em;font-weight:500}.section-kicker a{border-bottom:1px solid #777;padding-bottom:7px}.manifesto{padding:65px 5cqw 85px}.manifesto-grid{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-top:90px}.mini-label{font-size:11px;letter-spacing:.06em}.manifesto h2{font-size:clamp(25px,4.5cqw,70px);font-weight:600;line-height:1.45;letter-spacing:-.055em;margin-bottom:44px}.manifesto h2 em{color:var(--pink)}.manifesto-grid p{color:#b2b2ad;font-size:clamp(14px,1.35cqw,19px);max-width:740px}.metrics{margin-top:85px;border-top:1px solid #444;display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:40px 30px 8px;border-right:1px solid #444;display:flex;flex-direction:column;gap:9px}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric>strong{display:block;font-size:clamp(46px,7.5cqw,110px);font-weight:500;line-height:1;letter-spacing:-.07em;margin-bottom:18px;white-space:nowrap}.metric strong small{font-size:.35em;margin-left:4px}.metric-arrow{font-size:.58em;color:var(--pink);padding:0 10px}.metric>span{font-size:14px}.metric>small{color:#888;font-size:11px}.display-heading{font-size:clamp(44px,10cqw,155px);font-weight:600;letter-spacing:-.07em;line-height:1;margin:65px 0 30px}.pink{color:var(--pink)}.work .display-heading{font-size:clamp(90px,18cqw,270px)}.work-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px}.work-intro p{font-size:18px;line-height:1.7;margin:0}.work-intro>span{font-size:12px;color:var(--muted)}.case{margin-bottom:95px}.case:last-child{margin-bottom:0}.case-visual{height:clamp(380px,44cqw,640px);position:relative;overflow:hidden;padding:27px 34px;display:flex;flex-direction:column}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;z-index:1}.visual-bottom{margin-top:auto;line-height:1.6;letter-spacing:0}.software-visual{background:#e1e2df;color:#151515}.device-diagram{position:absolute;inset:60px 0 55px;display:flex;align-items:center;justify-content:center;gap:35px;transform:rotate(-5deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.case:hover .device-diagram{transform:rotate(-2deg) scale(1.025)}.device{width:195px;height:300px;background:linear-gradient(110deg,#2e2e2b,#0d0d0c);border:1px solid #555;border-radius:8px;box-shadow:18px 25px 32px #0003;position:relative;padding:35px 24px;color:white}.device-light{height:5px;width:24px;background:var(--pink);display:block;border-radius:5px;margin-bottom:25px;box-shadow:0 0 20px #ff009c55}.device-display{font-size:9px;line-height:1.9;letter-spacing:.04em}.device-display b{font-size:27px;font-weight:500;line-height:1.1;display:block;margin-top:10px;letter-spacing:-.03em}.device-line{position:absolute;bottom:70px;left:0;width:100%;height:1px;background:#555}.connection-line{display:flex;gap:9px}.connection-line i{background:var(--pink);width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.connection-line i:nth-child(2){animation-delay:.2s}.connection-line i:nth-child(3){animation-delay:.4s}.phone{width:170px;height:300px;position:relative;border:7px solid #141414;border-radius:27px;background:#f8f8f6;box-shadow:18px 25px 32px #0003;padding:44px 15px 20px;text-align:center}.phone-notch{position:absolute;top:7px;left:42px;width:70px;height:15px;border-radius:15px;background:#141414}.phone>span{font-size:8px;letter-spacing:.1em}.phone-icon{font-size:58px;color:var(--pink);line-height:1.4}.phone b{display:block;font-size:15px;font-weight:600}.phone small{font-size:9px;color:#666}.phone-row{height:7px;width:95%;background:#dededb;border-radius:6px;margin:25px auto 0}.phone-row.short{width:60%;margin-top:8px}.case-meta{display:flex;justify-content:space-between;gap:30px;padding:26px 0}.case-meta h3{font-size:clamp(21px,2.7cqw,36px);font-weight:600;letter-spacing:-.055em;margin:13px 0 8px}.case-meta p{font-size:13px;color:var(--muted);margin:0}.case-date{font-size:12px;padding-top:5px;white-space:nowrap}.case-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;list-style:none;font-size:13px;cursor:pointer}summary::-webkit-details-marker{display:none}summary:hover{color:var(--pink)}.plus{font-size:28px;font-weight:400;line-height:1;transition:transform .25s}details[open] .plus{transform:rotate(45deg)}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:20px 0 30px}.detail-body h4{font-size:17px;margin-bottom:15px}.detail-body p,.detail-body li{font-size:13px;line-height:1.9;color:#5f5f58}.detail-body b{color:#222;font-weight:600}.detail-body ul{padding-left:17px}.detail-body li{padding-bottom:7px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{border:1px solid #bcbcb5;border-radius:100px;padding:7px 11px;font-size:10px}.reliability-visual{background:#1f2324;color:#fff}.reliability-main{position:absolute;inset:30px 0;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:300px;height:300px;border:1px solid #7c8585;border-radius:50%}.orbit-one{transform:rotateX(58deg) rotate(-30deg);width:480px;height:360px}.orbit-two{transform:rotateY(60deg) rotate(30deg);width:490px;height:370px;border-color:#ff009c99}.reliability-core{text-align:center;position:relative;z-index:1}.reliability-core small{font-size:16px;letter-spacing:.35em}.reliability-core b{font-size:clamp(40px,7cqw,110px);letter-spacing:-.07em;display:block;font-weight:500;line-height:1.3}.reliability-core>span{font-size:12px;color:#bbb}.orbit-label{position:absolute;font-size:9px;letter-spacing:.15em;background:#1f2324;padding:8px;color:#b2bbbb}.label-top{top:13%;left:39%}.label-right{right:12%;top:58%}.label-bottom{bottom:12%;left:28%}.quality-visual{background:#eedee7;color:#161214}.quality-main{display:flex;align-items:center;justify-content:center;gap:5cqw;flex:1}.quality-main strong{display:block;font-size:clamp(90px,17cqw,250px);font-weight:500;letter-spacing:-.1em;line-height:1}.quality-main strong small{font-size:.34em;letter-spacing:-.05em;margin-left:10px}.quality-main>div>span{font-size:10px;letter-spacing:.15em}.quality-before strong{color:#a99ca3}.quality-after strong{color:#181417}.quality-arrow{font-size:8cqw;font-weight:400;color:var(--pink)}.quality-process{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;margin-bottom:40px}.quality-process i{color:#9c7d8f;font-style:normal}.capabilities .display-heading{font-size:clamp(45px,9cqw,140px);margin-bottom:80px}.capabilities .display-heading em{color:var(--pink)}.skill-row{display:grid;grid-template-columns:40px 1fr 1.2fr;gap:35px;padding:35px 0;border-top:1px solid #3d3d3b}.skill-row>span{color:#777;font-size:11px;padding-top:8px}.skill-row h3{font-size:clamp(20px,2.4cqw,32px);font-weight:500;letter-spacing:-.04em}.skill-row p{font-size:13px;color:#aaa;line-height:2;margin:0}.profile .display-heading{margin-bottom:90px}.profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:35px 0 50px;border-top:1px solid var(--line)}.profile-grid>h3{font-size:13px;font-weight:500;line-height:1.5}.timeline>div{position:relative;padding:0 0 34px 29px;border-left:1px solid #ccc}.timeline>div:last-child{padding-bottom:0}.timeline>div:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#aaa}.timeline>div:first-child:before{background:var(--pink)}.timeline time,.profile-records time{font-size:11px;color:var(--muted)}.timeline h4,.profile-records h4{font-size:20px;letter-spacing:-.03em;font-weight:600;margin:10px 0 5px}.timeline p,.profile-records p{font-size:13px;margin:0;color:#666}.profile-records{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cert-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #ddd}.cert-list>div:first-child{padding-top:0}.cert-list>div:last-child{border:0}.cert-list h4{margin:0;font-size:14px;font-weight:500}.cert-list span{font-size:11px;color:#666;text-align:right}.next-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:90px}.next-grid h2{font-size:clamp(25px,3.5cqw,56px);font-weight:500;line-height:1.55;letter-spacing:-.05em}.next-grid h2 em{color:var(--pink)}.next-grid p{font-size:14px;color:#ccc}.next-grid p.subtle{color:#888}.contact-title{font-size:clamp(75px,15cqw,230px);font-weight:500;line-height:.88;letter-spacing:-.075em;margin:80px 0 70px;position:relative}.contact-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.07em}.contact-title>a{position:absolute;right:0;top:0;font-family:var(--sans);font-size:12cqw;line-height:1;transition:transform .3s,color .3s}.contact-title>a:hover{color:var(--pink);transform:translate(7px,-7px)}.contact .section-kicker>span:last-child{display:flex;gap:10px;align-items:center}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-links>a{font-size:clamp(15px,2.2cqw,33px);font-weight:500;letter-spacing:-.035em;border-bottom:1px solid #aaa;padding:0 0 18px;display:flex;justify-content:space-between;gap:15px}.contact-links>a:hover{color:var(--pink)}.contact-actions{margin-top:35px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pill-button{border-radius:100px;display:inline-flex;align-items:center;gap:35px;padding:17px 25px;border:1px solid #111;background:#111;color:#fff;font-size:12px}.pill-button.outline{background:transparent;color:#111}.pill-button:hover{background:var(--pink);border-color:var(--pink);color:#fff}.text-button{border:0;background:transparent;padding:15px;font-size:12px}.text-button:hover{color:var(--pink)}#copy-status{font-size:12px;color:#666}footer{padding:28px 5cqw;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ccc;font-size:10px;letter-spacing:.05em}.floating-nav{position:fixed;bottom:25px;left:50%;transform:translate(-50%,90px);opacity:0;background:#161616ed;backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;gap:27px;padding:14px 24px;border-radius:50px;z-index:20;transition:transform .4s,opacity .4s;font-size:11px;box-shadow:0 5px 30px #0002;white-space:nowrap}.floating-nav.visible{transform:translate(-50%,0);opacity:1}.floating-nav>a:first-child{font-weight:800;font-size:18px;letter-spacing:-.07em}.floating-nav a:hover{color:var(--pink)}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}.motion-enabled .reveal.in-view{opacity:1;transform:translateY(0)}.cursor{display:none}@media(pointer:fine){.cursor{display:block;position:fixed;top:0;left:0;width:10px;height:10px;background:var(--pink);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);opacity:0;transition:width .2s,height .2s}.cursor.active{width:34px;height:34px;background:#ff009c33;border:1px solid var(--pink)}}@keyframes title-in{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes portrait-in{from{transform:scale(1.12);filter:grayscale(1) contrast(.8)}to{transform:scale(1.03);filter:grayscale(1) contrast(1.1)}}@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.contribution-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #444}.contribution{padding:30px 30px 0 0;border-right:1px solid #444;display:flex;flex-direction:column;align-items:flex-start}.contribution+.contribution{padding-left:30px}.contribution:last-child{border:0}.contribution>.mini-label{color:#999;font-size:9px;letter-spacing:.04em}.contribution h3{font-size:clamp(19px,2.2cqw,32px);line-height:1.5;letter-spacing:-.04em;font-weight:500;margin:25px 0 20px}.contribution p{font-size:12px;color:#aaa;line-height:1.9;margin-bottom:25px}.contribution-next{color:#e1e1db;font-size:10px;line-height:1.8;margin-top:auto}.contribution:nth-child(2) .contribution-next{color:var(--pink)}
@media(min-width:1600px){.hero-intro{max-width:460px}.hero-right{padding-left:5cqw}.hero-cta{margin-top:70px}}
@media(max-width:900px){.hero{min-height:700px;max-height:960px}.hero-intro{margin-top:30px}.hero-right{padding-top:18cqw;padding-left:3cqw}.hero-intro p{font-size:12px}.hero-role{font-size:4.5cqw}.hero-role span{font-size:.48em}.hero-cta{margin-top:35px;margin-left:0}.hero-nav{font-size:18px;right:22px}.portrait-caption{left:25px;font-size:10px}.hero-bottom{font-size:8px;line-height:1.8}.section-pad{padding:55px 5cqw 80px}.manifesto-grid{grid-template-columns:1fr 4fr;gap:25px;margin-top:65px}.metric{padding:30px 20px}.metric>span{font-size:11px}.detail-body{gap:30px}.skill-row{grid-template-columns:25px 1fr 1.2fr;gap:20px}.profile-grid{gap:35px}.next-grid{gap:35px}.case-visual{padding:23px}.quality-process{gap:12px}.contact-title{margin-top:65px}.contact-actions{gap:10px}.pill-button{padding:15px 20px;gap:20px}}
@media(max-width:600px){.topbar{height:47px;padding:0 5cqw;font-size:8px}.wordmark span{margin-left:9px}.topcontact{gap:7px}.topcontact i{width:6px;height:6px}.hero{display:block;height:auto;min-height:0;max-height:none;padding-top:47px}.hero-title{top:62px;left:3cqw;width:94%;font-size:13.45cqw}.portrait-panel{height:540px;min-height:0;width:100%}.portrait-panel img{object-position:50% 28%;height:100%}.portrait-shade{top:50%}.portrait-caption{bottom:28px;left:22px}.hero-nav{bottom:27px;right:22px;font-size:17px;gap:6px}.hero-right{padding:30px 6cqw 26px;align-items:flex-start}.hero-role{font-size:10.5cqw;text-align:left;line-height:1.02;letter-spacing:-.055em}.hero-role span{font-size:.54em}.hero-intro{align-self:flex-start;margin-top:28px;max-width:100%}.hero-intro p{font-size:13px;line-height:1.85}.hero-intro .pink-dot{margin-top:9px;width:7px;height:7px}.hero-cta{margin-top:24px;align-self:flex-end;font-size:11px;gap:30px;padding-bottom:9px}.hero-cta span{font-size:25px}.hero-bottom{font-size:7px;padding-top:30px;gap:8px}.section-kicker{font-size:8px;gap:15px;letter-spacing:.03em}.manifesto{padding:45px 6cqw 50px}.manifesto-grid{display:block;margin-top:45px}.manifesto-grid>.mini-label{display:block;font-size:9px;margin-bottom:25px}.manifesto h2{font-size:7cqw;line-height:1.55;margin-bottom:28px}.manifesto-grid p{font-size:13px;line-height:1.95}.metrics{margin-top:40px;grid-template-columns:1fr}.metric,.metric:first-child{padding:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;border:0;border-bottom:1px solid #333;align-items:center}.metric:last-child{padding-bottom:0}.metric>strong{grid-row:span 2;font-size:13cqw;margin:0}.metric>span{font-size:11px;align-self:end}.metric>small{font-size:9px;align-self:start}.metric-arrow{padding:0 5px}.section-pad{padding:45px 6cqw 65px}.display-heading{font-size:12cqw;margin:40px 0 25px}.work .display-heading{font-size:28cqw;margin-top:40px}.work-intro{display:block;margin-bottom:35px}.work-intro p{font-size:14px;margin-bottom:20px}.work-intro>span{font-size:10px}.case{margin-bottom:55px}.case-visual{height:340px;padding:19px 17px}.visual-top,.visual-bottom{font-size:7px;gap:12px}.visual-bottom>span:first-child{max-width:65%}.visual-bottom>span:last-child{text-align:right}.device-diagram{gap:17px;inset:47px 0 42px}.device{width:110px;height:205px;padding:20px 13px}.device-light{width:18px;height:4px;margin-bottom:20px}.device-display{font-size:6px}.device-display b{font-size:18px}.device-line{bottom:49px}.connection-line{gap:5px}.connection-line i{width:4px;height:4px}.phone{width:107px;height:205px;border-width:5px;border-radius:20px;padding:29px 7px 10px}.phone-notch{left:28px;width:40px;height:10px;top:5px}.phone>span{font-size:6px}.phone-icon{font-size:39px}.phone b{font-size:10px}.phone small{font-size:6px}.phone-row{height:5px;margin-top:20px}.phone-row.short{margin-top:5px}.case-meta{display:block;padding:20px 0}.mini-label{font-size:9px}.case-meta h3{font-size:20px;margin:10px 0 6px}.case-meta p{font-size:10px}.case-date{font-size:9px;display:block;margin-top:14px;padding:0}summary{padding:13px 0;font-size:11px}.plus{font-size:24px}.detail-body{display:block;padding:12px 0 20px}.detail-body>div+div{margin-top:25px}.detail-body h4{font-size:15px}.detail-body p,.detail-body li{font-size:12px}.tags{margin-top:18px;gap:6px}.tags span{font-size:8px;padding:6px 9px}.orbit-one{width:300px;height:250px}.orbit-two{width:320px;height:260px}.reliability-core b{font-size:14cqw}.reliability-core small{font-size:10px}.reliability-core>span{font-size:9px}.orbit-label{font-size:6px}.label-top{top:9%;left:30%}.label-right{right:4%;top:58%}.label-bottom{bottom:10%;left:21%}.quality-main{gap:5cqw}.quality-main strong{font-size:25cqw}.quality-main>div>span{font-size:8px}.quality-arrow{font-size:12cqw}.quality-process{font-size:8px;gap:8px;margin-bottom:45px}.capabilities .display-heading{font-size:12.4cqw;margin-bottom:45px}.skill-row{grid-template-columns:20px 1fr;gap:7px 16px;padding:25px 0}.skill-row>span{font-size:9px;padding-top:5px}.skill-row h3{font-size:19px;margin:0}.skill-row p{grid-column:2;font-size:11px;margin-top:10px}.profile .display-heading{margin-bottom:45px;font-size:12cqw}.profile-grid{display:block;padding:23px 0 35px}.profile-grid>h3{font-size:10px;margin-bottom:25px}.timeline h4,.profile-records h4{font-size:17px}.timeline p,.profile-records p{font-size:11px}.timeline time,.profile-records time{font-size:9px}.timeline>div{padding-left:20px;padding-bottom:25px}.profile-records{gap:20px}.cert-list h4{font-size:12px}.cert-list span{font-size:9px}.cert-list>div{padding:12px 0}.next-grid{display:block;margin-top:45px}.next-grid h2{font-size:7.8cqw;margin-bottom:32px}.next-grid p{font-size:12px}.contact-title{font-size:17cqw;margin:50px 0 45px}.contact-title>a{font-size:16cqw;top:-9px}.contact-links{display:block}.contact-links>a{font-size:19px;margin-bottom:22px;padding-bottom:14px}.contact-actions{margin-top:25px;gap:10px}.pill-button{padding:13px 17px;font-size:10px;gap:18px}.text-button{padding:12px 0;font-size:11px}#copy-status{font-size:10px}footer{padding:23px 6cqw 95px;flex-wrap:wrap;gap:15px;font-size:8px}footer>span:nth-child(2){display:none}.floating-nav{bottom:17px;gap:25px;padding:12px 21px;font-size:10px}.floating-nav>a:first-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.cursor{display:none}}
@media print{html{scroll-behavior:auto}body{background:white;color:black;font-size:10pt}.topbar,.hero,.progress,.cursor,.floating-nav,.case-visual,.contact-title,.contact-actions,.next,.hero-cta,footer,.skip{display:none!important}.dark{background:white;color:black}.section-pad,.manifesto{padding:20px 0}.section-kicker{font-size:8pt}.manifesto-grid{margin-top:20px;display:block}.manifesto h2{font-size:22pt}.manifesto h2 em,.capabilities .display-heading em{color:black}.manifesto-grid p,.detail-body p,.detail-body li,.skill-row p{font-size:9pt;color:#333}.display-heading,.work .display-heading,.capabilities .display-heading{font-size:27pt;margin:20px 0}.metrics{margin-top:20px;border-color:#bbb}.metric{padding:15px}.metric>strong{font-size:30pt}.metric>span,.metric>small{color:#333}.work-intro{margin-bottom:20px}.work-intro>span{display:none}.case{margin-bottom:25px}.case-meta{padding:10px 0}.case-meta h3{font-size:16pt}.case-details{border-color:#bbb}summary{font-size:9pt}.plus{display:none}.detail-body{display:grid;gap:25px;padding:10px 0}.detail-body h4{font-size:11pt}.tags span{font-size:7pt}.profile-grid{padding:15px 0 20px;gap:20px}.profile .display-heading{margin-bottom:25px}.timeline>div{padding-bottom:16px}.timeline h4,.profile-records h4{font-size:12pt}.timeline p,.profile-records p{font-size:9pt}.skill-row{padding:15px 0}.skill-row h3{font-size:13pt}.capabilities .display-heading{margin-bottom:25px}.contact-links>a{font-size:14pt}.reveal,.motion-enabled .reveal{opacity:1!important;transform:none!important}h2,h3,h4,.case-meta{break-after:avoid}.profile-grid,.metric,.skill-row,.detail-body>div{break-inside:avoid}@page{margin:16mm}}
@media(max-width:600px){.contribution-list{display:block;margin-top:35px}.contribution,.contribution+.contribution{padding:25px 0;border-right:0;border-bottom:1px solid #333}.contribution:last-child{padding-bottom:0}.contribution h3{font-size:21px;margin:15px 0}.contribution p{font-size:12px;margin-bottom:15px}.contribution-next{font-size:9px}}@media print{.contribution-list{display:block;margin-top:20px;border-color:#bbb}.contribution,.contribution+.contribution{padding:12px 0;border-right:0;border-bottom:1px solid #bbb;break-inside:avoid}.contribution h3{font-size:13pt}.contribution p,.contribution-next,.contribution:nth-child(2) .contribution-next{color:#222}}


/* Comfortable page width and readable supporting text. */
@media screen {
  body{--page-gutter:clamp(24px,5vw,80px);width:calc(100% - 2 * var(--page-gutter));max-width:1280px;margin-inline:auto;position:relative}
  main{container-type:inline-size}
  .topbar{padding-inline:3%;font-size:14px}
  .hero-right,.manifesto-grid>*,.next-grid>*,.skill-row>*,.contribution{min-width:0}
  .hero-intro p{font-size:17px;line-height:1.9}
  .hero-bottom{font-size:13px;font-weight:500;line-height:1.7;color:#50504b;gap:12px 24px}
  .portrait-caption{font-size:14px;line-height:1.8}
  .hero-cta{font-size:16px}
  .section-kicker,.mini-label,.case-date,.timeline time,.profile-records time,.cert-list span,.metric>small,.contribution>.mini-label{font-size:14px;line-height:1.7;letter-spacing:.025em}
  .section-kicker{font-weight:600}
  .manifesto-grid p{font-size:17px;line-height:1.95;color:#c5c5bd}
  .metric>span{font-size:16px;line-height:1.7}
  .metric>small{color:#bdbdb6}
  .work-intro>span{font-size:14px;color:#595952;line-height:1.7}
  .case-meta p{font-size:15px;color:#595952;line-height:1.8}
  .case-date{color:#50504b}
  summary{font-size:16px;padding-block:21px}
  .detail-body p,.detail-body li{font-size:16px;line-height:1.9;color:#50504b}
  .detail-body h4{font-size:19px}
  .tags span{font-size:13px;padding:8px 13px}
  .visual-top,.visual-bottom{font-size:13px;line-height:1.7;letter-spacing:.035em}
  .orbit-label{font-size:12px}
  .reliability-core>span{font-size:15px}
  .quality-main>div>span{font-size:14px}
  .quality-process{font-size:15px}
  .skill-row>span{font-size:14px;color:#bdbdb6}
  .skill-row p{font-size:16px;line-height:1.95;color:#c5c5bd}
  .profile-grid>h3{font-size:15px;line-height:1.7}
  .timeline p,.profile-records p{font-size:15px;line-height:1.9;color:#595952}
  .timeline time,.profile-records time,.cert-list span{color:#595952}
  .cert-list h4{font-size:16px;line-height:1.7}
  .next-grid p,.contribution p{font-size:16px;line-height:1.95;color:#c5c5bd}
  .next-grid p.subtle{color:#b8b8b0}
  .contribution>.mini-label{color:#bdbdb6}
  .contribution-next{font-size:14px;line-height:1.8}
  .pill-button,.text-button{font-size:15px}
  #copy-status{font-size:14px;color:#50504b}
  footer{padding-inline:5%;font-size:13px;line-height:1.8;flex-wrap:wrap}
  .floating-nav{font-size:14px;padding:15px 25px}
}
@media screen and (max-width:900px){
  .hero-intro p{font-size:15px}
  .hero-role{font-size:4.5cqw}
  .hero-cta{gap:30px}
  .hero-bottom{font-size:13px}
  .metric{padding-inline:18px}
  .metric>span{font-size:15px}
  .contribution,.contribution+.contribution{padding-inline:18px}
  .contribution:first-child{padding-left:0}
  .contribution:last-child{padding-right:0}
}
@media screen and (max-width:600px){
  body{--page-gutter:12px}
  .topbar{font-size:12px;padding-inline:3%;gap:12px}
  .wordmark span{font-size:11px;margin-left:8px}
  .topcontact{gap:6px;white-space:nowrap}
  .hero-title{font-size:13.45cqw}
  .hero-role{font-size:10.5cqw}
  .hero-intro p{font-size:16px;line-height:1.9}
  .hero-bottom{font-size:13px;gap:12px;line-height:1.8}
  .hero-right{padding-inline:24px}
  .hero-nav{font-size:18px}
  .portrait-caption{font-size:13px}
  .section-pad,.manifesto{padding-inline:24px}
  .section-kicker,.mini-label,.manifesto-grid>.mini-label,.case-date,.timeline time,.profile-records time,.cert-list span,.metric>small,.contribution>.mini-label{font-size:13px;line-height:1.8}
  .section-kicker{flex-wrap:wrap;gap:10px 18px}
  .manifesto h2{font-size:clamp(24px,7cqw,30px)}
  .manifesto-grid p{font-size:16px}
  .metric>span{font-size:15px}
  .metric>small{font-size:13px}
  .work-intro p{font-size:17px}
  .work-intro>span,.case-meta p{font-size:14px}
  .case-meta h3{font-size:22px}
  .visual-top,.visual-bottom{font-size:12px;line-height:1.7}
  .visual-top{gap:10px}
  .visual-bottom{gap:8px}
  .visual-bottom>span:first-child{max-width:64%}
  .device-display{font-size:9px}
  .phone>span,.phone small{font-size:9px}
  .phone b{font-size:12px}
  .orbit-label{font-size:10px}
  .reliability-core>span{font-size:12px}
  .quality-main>div>span{font-size:12px}
  .quality-process{font-size:12px;flex-wrap:wrap;gap:8px}
  .detail-body p,.detail-body li{font-size:15px}
  .detail-body h4{font-size:18px}
  .tags span{font-size:12px;padding:7px 10px}
  .skill-row h3{font-size:21px}
  .skill-row p{font-size:15px}
  .profile-grid>h3{font-size:14px}
  .profile-records{grid-template-columns:1fr;gap:25px}
  .timeline h4,.profile-records h4{font-size:20px}
  .timeline p,.profile-records p{font-size:15px}
  .cert-list>div{align-items:flex-start;flex-wrap:wrap;gap:5px 14px;padding-block:16px}
  .cert-list h4{font-size:16px}
  .cert-list span{text-align:left}
  .next-grid h2{font-size:clamp(25px,7.8cqw,32px)}
  .next-grid p,.contribution p{font-size:16px}
  .contribution,.contribution+.contribution{padding:28px 0}
  .contribution h3{font-size:23px}
  .contribution-next{font-size:13px}
  .contact-links>a{font-size:20px}
  .pill-button{font-size:14px;padding:15px 19px;gap:16px}
  .text-button{font-size:14px}
  .floating-nav{font-size:13px;gap:20px;padding:13px 20px}
  footer{font-size:12px;gap:16px}
}

/* Keep the floating menu subtle until it is used. */
@media screen{.floating-nav.visible{opacity:.45}.floating-nav.visible:focus-within{opacity:1}}
@media screen and (hover:hover){.floating-nav.visible:hover{opacity:1}}

/* Give company names and employment periods a clear reading size. */
@media screen{
  .case-meta .mini-label,.case-meta .case-date{font-size:18px;line-height:1.7;font-weight:600;letter-spacing:.025em}
  .app-validation-heading{margin-top:28px}
}
@media screen and (max-width:600px){
  .case-meta .mini-label,.case-meta .case-date{font-size:16px;line-height:1.8}
}

/* Accent career company labels while keeping contrast on the light background. */
@media screen{.case-meta .mini-label{color:#b0006b}}

/* Keep the software QA illustration completely still. */
#case-software .device-diagram,#case-software:hover .device-diagram{transform:rotate(-5deg);transition:none;animation:none}
#case-software .connection-line i{animation:none;opacity:1}
.motion-enabled #case-software.reveal{opacity:1;transform:none;transition:none}