:root{--pink:#efa1cd;--ink:#202020;--paper:#fffefb;--line:#222}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1550px;margin:auto}header{padding:25px 4%;display:flex;justify-content:space-between;background:var(--paper);border:8px solid var(--ink);border-bottom:0}.brand{font-weight:900;font-size:20px;letter-spacing:-1px}nav{display:flex;gap:35px;font-size:12px}main{border:8px solid var(--ink);border-top:0;background:var(--paper)}.cover{padding:20px 3% 28px}.cover-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.cover-title{height:500px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:15px}.cover-title h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(100px,17vw,260px);font-stretch:condensed;letter-spacing:-.065em;line-height:1;margin:0;color:var(--pink);font-weight:900}.cover-title>img{position:absolute;right:17%;top:20px;height:calc(100% - 20px);width:32%;object-fit:cover;object-position:center top;border-radius:160px 160px 0 0;box-shadow:0 0 0 8px var(--paper)}.signature{font-family:Georgia,serif;font-style:italic;position:absolute;left:8%;top:5%;font-size:95px;transform:rotate(-12deg);z-index:2;letter-spacing:-8px}.cover-bottom{display:flex;align-items:end;justify-content:space-between;font-size:11px;line-height:1.8}.cover-bottom p{margin:0}.cover-bottom>a{border-bottom:1px solid #bbb;padding-bottom:5px}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;border-top:8px solid var(--ink);border-bottom:8px solid var(--ink)}.dark{background:var(--ink);color:var(--paper)}.who{padding:40px 30px;display:grid;grid-template-columns:1fr .85fr;gap:20px}.kicker{font-size:10px;letter-spacing:1.6px;font-weight:600}.who h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:49px;color:var(--pink);margin:15px 0}.who p{font-size:12px;line-height:1.9;color:#ddd}.who img{width:100%;height:100%;max-height:330px;object-fit:cover;object-position:center}.languages{font-size:10px;line-height:1.9;margin-top:25px;color:var(--pink)}.contents{padding:40px 30px}.contents h2{font-size:34px;margin:15px 0}.contents>p{font-size:12px;line-height:1.9;color:#666}.contents-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.contents-cols h3{font-size:18px;margin:0 0 17px}.contents-cols a{display:block;margin:15px 0;font-size:11px}.contents-cols a:hover{color:#b54180}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 5%;border-bottom:8px solid var(--ink);gap:25px}.metrics strong{display:block;font-size:35px;font-weight:700;letter-spacing:-1px}.metrics span{font-size:10px;display:block;margin-top:10px;color:#666}.chapter{display:grid;grid-template-columns:1fr 1fr;min-height:460px;border-bottom:8px solid var(--ink)}.chapter:nth-of-type(even) .chapter-photo{order:2}.chapter-photo{position:relative;overflow:hidden;min-height:460px;background:#dad3ce}.chapter-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 30%}.chapter-photo small{position:absolute;bottom:17px;left:20px;font-size:9px;color:white;background:#2228;padding:7px;letter-spacing:1px}.chapter-copy{padding:45px 45px;display:flex;flex-direction:column;justify-content:center}.chapter-copy h2,.social-heading h2{color:var(--pink);font-size:55px;letter-spacing:-2px;margin:20px 0}.chapter-copy h3,.social-heading h3{font-size:22px;line-height:1.5;font-weight:550;margin:0 0 15px}.chapter-copy>p{font-size:13px;line-height:2;color:#666}.dark .chapter-copy>p{color:#ccc}.result-strip{font-size:13px;margin:18px 0;padding:17px 0;border-top:1px solid #8886;border-bottom:1px solid #8886}.case-link{align-self:start;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:7px 0;font-size:12px;margin-top:8px}.social-section{padding:45px;border-bottom:8px solid var(--ink)}.social-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:40px}.social-heading img{width:100%;height:310px;object-fit:cover;object-position:top;border-radius:130px 130px 0 0}.social-heading p{font-size:13px;color:#666;line-height:1.9}.accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.account{border:1px solid #bbb;padding:23px 18px;display:flex;flex-direction:column;min-height:205px;background:#fff}.account:hover{background:#fff0f8;border-color:var(--pink)}.account small{font-size:9px;color:#777;letter-spacing:1px}.account h3{font-size:18px;line-height:1.4;margin:18px 0 12px}.account p{font-size:11px;line-height:1.7;margin:0 0 22px;color:#666}.account>span{font-size:11px;margin-top:auto;overflow-wrap:anywhere}.social-proof{background:var(--ink);color:white;margin-top:30px;padding:25px 30px;display:grid;grid-template-columns:1fr 180px;gap:25px;align-items:center}.social-proof span{font-size:12px;color:var(--pink)}.social-proof strong{display:block;font-size:44px;margin-top:20px;letter-spacing:-1px}.social-proof p{font-size:12px;color:#ddd}.social-proof img{width:100%;height:200px;object-fit:cover;object-position:top;border-radius:15px}.note{font-size:10px;line-height:1.8;color:#777;margin:20px 0 0}.research{padding:45px;border-bottom:8px solid var(--ink)}.research h2{font-size:32px;color:var(--pink);margin:20px 0 35px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.research details{border-top:1px solid #777;padding-top:18px}.research summary{font-size:24px;font-weight:600;cursor:pointer;list-style:none}.research summary span{display:block;font-size:11px;color:#aaa;font-weight:400;margin-top:15px}.research summary::-webkit-details-marker{display:none}.research p{font-size:12px;line-height:1.9;color:#ccc}.research img{width:100%;margin-top:15px}.visuals{padding:45px;border-bottom:8px solid var(--ink)}.visuals h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:50px;color:var(--pink);letter-spacing:-1px;margin:20px 0 30px}.visuals em{font-family:Georgia,serif;font-weight:400}.visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.visual-grid figure{margin:0}.visual-grid img{width:100%;height:250px;object-fit:cover;object-position:top}.visual-grid figcaption{font-size:8px;letter-spacing:1px;margin-top:12px}.closing{text-align:center;padding:65px 30px;background:var(--pink)}.closing h2{font-size:48px;letter-spacing:-2px;line-height:1.4;margin:25px 0}.closing>a{font-size:23px;display:inline-block;border-bottom:1px solid;padding-bottom:10px}.closing>div:last-child{display:flex;gap:30px;justify-content:center;font-size:11px;margin-top:30px}footer{padding:25px 4%;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:1px}dialog{border:4px solid var(--ink);width:min(760px,94vw);max-height:85vh;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111b;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px}.dialog-top button{background:none;border:0;font-size:25px;padding:5px 10px}#case-content h2{font-size:28px;line-height:1.4}#case-content p,#case-content li{font-size:13px;line-height:1.9;color:#555}#case-content h4{margin-bottom:8px}#case-content .result{background:var(--pink);padding:18px;color:var(--ink);font-size:22px}#case-content img{width:100%;max-height:300px;object-fit:contain;margin-top:20px}.button{display:inline-block;padding:13px 20px;background:var(--ink);color:white;font-size:12px;margin-top:20px}:focus-visible{outline:3px solid #c6478f;outline-offset:5px}@media(min-width:1500px){.cover-title h1{font-size:260px}}@media(max-width:1000px){.cover-title{height:410px}.intro-grid{grid-template-columns:1fr}.who{border-bottom:8px solid var(--ink)}.who img{max-height:320px;object-position:center 30%}.contents{padding:35px}.accounts{grid-template-columns:repeat(2,1fr)}.chapter-copy{padding:35px}.chapter-copy h2{font-size:44px}.chapter-copy h3{font-size:20px}.visual-grid img{height:210px}.visuals h2{font-size:38px}}@media(max-width:600px){header{padding:20px 5%;border-width:5px}main{border-width:5px}.brand{font-size:17px}nav{gap:15px;font-size:10px}nav a:nth-child(3){display:none}.cover{padding:15px 5% 25px}.cover-top{font-size:7px;line-height:1.7;gap:15px}.cover-top span:last-child{max-width:130px;text-align:right}.cover-title{height:350px;align-items:center}.cover-title h1{font-size:20vw;letter-spacing:-.07em;position:absolute;top:110px}.signature{font-size:65px;top:18px;left:6%;letter-spacing:-5px}.cover-title>img{height:270px;width:48%;right:8%;top:70px;box-shadow:0 0 0 4px var(--paper);border-radius:100px 100px 0 0}.cover-bottom{flex-wrap:wrap;gap:18px;font-size:10px}.cover-bottom p{width:100%}.who{padding:30px 23px;gap:15px;grid-template-columns:1.1fr .8fr}.who h2{font-size:36px}.who p{font-size:11px}.who img{max-height:340px}.kicker{font-size:8px;line-height:1.7}.contents{padding:30px 23px}.contents h2{font-size:28px}.contents-cols{gap:12px;margin-top:25px}.contents-cols h3{font-size:15px}.contents-cols a{font-size:10px;line-height:1.8}.metrics{grid-template-columns:1fr 1fr;padding:30px 23px;gap:25px;border-width:5px}.metrics strong{font-size:30px}.chapter{grid-template-columns:1fr;border-width:5px;min-height:0}.chapter-photo{height:330px;min-height:0}.chapter:nth-of-type(even) .chapter-photo{order:0}.chapter-copy{padding:30px 23px}.chapter-copy h2{font-size:43px;margin:14px 0}.chapter-copy h3{font-size:20px}.chapter-copy>p{font-size:12px}.social-section{padding:30px 23px;border-width:5px}.social-heading{grid-template-columns:1fr;gap:15px}.social-heading h2{font-size:43px;margin:14px 0}.social-heading h3{font-size:20px}.social-heading img{height:280px;object-position:center 25%;border-radius:0}.accounts{gap:10px;margin-top:25px}.account{padding:18px 13px;min-height:205px}.account h3{font-size:16px}.social-proof{padding:22px 18px;grid-template-columns:1fr 90px;gap:12px}.social-proof strong{font-size:25px}.social-proof img{height:160px}.social-proof p{font-size:10px;line-height:1.8}.social-proof .case-link{font-size:10px}.research,.visuals{padding:30px 23px;border-width:5px}.research h2{font-size:25px;line-height:1.5}.research-grid{grid-template-columns:1fr;gap:25px}.research summary span{display:inline;font-size:10px;margin-left:20px}.visuals h2{font-size:32px;line-height:1.2}.visual-grid{grid-template-columns:1fr 1fr}.visual-grid figure:last-child{grid-column:span 2}.visual-grid figure:last-child img{height:320px;object-position:center 20%}.visual-grid img{height:250px}.closing{padding:45px 20px}.closing h2{font-size:34px}.closing>a{font-size:17px}footer{font-size:8px;padding:22px 5%}footer>span:nth-child(2){display:none}dialog{padding:20px}#case-content h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.education{margin-top:35px;border-top:1px solid #777;padding-top:20px}.education h3{font-size:20px;color:var(--pink)}.education p{font-size:12px;line-height:1.9;color:#ddd}.additional-project{padding:45px;border-bottom:8px solid var(--ink)}.additional-project h2{font-size:28px;line-height:1.5}.additional-project>p{font-size:13px;line-height:1.9;max-width:850px}.closing>div:last-child{flex-wrap:wrap}.cover-title h1{font-family:Arial,"PingFang SC",sans-serif;font-size:clamp(70px,13vw,185px);letter-spacing:-.07em}.signature{font-size:58px;letter-spacing:-3px}.research-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.additional-project{padding:30px 23px;border-width:5px}.additional-project h2{font-size:24px}.research-grid{grid-template-columns:1fr}.cover-title h1{font-size:20vw}.signature{font-size:38px;letter-spacing:-2px;top:25px}.cover-title>img{width:45%;right:4%}.closing>a{font-size:16px}}

/* Personal introduction: full-width editorial spread. */
.intro-grid{display:block}.bio-page{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:55px 4.5% 65px;border-bottom:8px solid var(--ink);align-items:center}.bio-copy{position:relative;z-index:1}.bio-copy>.kicker{font-size:14px;letter-spacing:3px}.bio-copy h2{font-size:clamp(58px,6.5vw,96px);font-weight:750;line-height:1.15;color:var(--pink);letter-spacing:-3px;margin:25px 0 35px}.bio-paragraphs p{font-size:15px;line-height:2.05;letter-spacing:.15px;color:#e6e6e6;margin:0 0 23px;overflow-wrap:anywhere}.bio-credentials{font-size:12px;line-height:1.8;color:var(--pink);letter-spacing:1px;margin-top:30px}.bio-collage{position:relative;height:730px;min-width:0}.bio-collage figure{margin:0;position:absolute;background:var(--ink)}.bio-collage img{display:block;width:100%;height:100%;object-fit:cover}.bio-main{right:0;top:0;width:77%;height:78%}.bio-main img{object-position:center center}.bio-secondary{left:0;bottom:0;width:46%;height:43%;border:8px solid var(--ink);transform:rotate(-4deg);z-index:2}.bio-secondary img{object-position:56% center}.bio-small{left:0;top:22px;width:26%;height:26%;border:6px solid var(--ink);transform:rotate(5deg);z-index:3}.bio-small img{object-position:60% center}.intro-grid>.contents{padding:45px 5%}.intro-grid>.contents .contents-cols{gap:35px}.intro-grid>.contents .contents-cols a{font-size:14px;line-height:1.7;margin:22px 0}@media(max-width:1000px){.bio-page{gap:25px;padding:40px 4% 45px;grid-template-columns:1.1fr .9fr}.bio-paragraphs p{font-size:13px;line-height:2}.bio-collage{height:660px}.bio-copy h2{font-size:62px}.bio-secondary{width:56%;height:36%}.bio-small{width:34%;height:24%}.bio-main{width:84%;height:76%}}@media(max-width:700px){.bio-page{grid-template-columns:1fr;padding:35px 23px 40px;gap:25px;border-width:5px}.bio-copy h2{font-size:57px;margin:20px 0 28px}.bio-paragraphs p{font-size:13px;line-height:2.05;margin-bottom:20px}.bio-copy>.kicker{font-size:11px}.bio-credentials{font-size:11px;margin-top:25px}.bio-collage{height:590px;width:100%;max-width:450px;margin:auto}.bio-main{width:76%;height:77%}.bio-secondary{width:48%;height:43%;border-width:6px}.bio-small{width:29%;height:27%;border-width:5px}.intro-grid>.contents{padding:30px 23px}.intro-grid>.contents .contents-cols{gap:12px}.intro-grid>.contents .contents-cols a{font-size:10px;line-height:1.9;margin:16px 0}}@media(max-width:380px){.bio-collage{height:500px}}

.bio-copy .bio-name{font-size:clamp(42px,4.6vw,66px);margin:20px 0 23px;letter-spacing:-2px}.bio-name span{font-size:.65em;font-weight:400;letter-spacing:0}.bio-facts{margin-bottom:28px}.bio-facts p{font-size:14px;line-height:1.75;margin:5px 0;color:#e6e6e6}.advantage-heading{font-size:23px;color:var(--pink);margin:0 0 24px;font-weight:650}.advantage-heading span{font-size:14px;font-weight:400;margin-left:12px}.advantage-item{margin:0 0 21px}.advantage-item h4{font-size:16px;margin:0 0 7px;line-height:1.5}.advantage-item h4>span{color:var(--pink);margin-right:5px}.advantage-item strong{font-weight:800}.advantage-item p{font-size:13px;line-height:1.9;color:#ddd;margin:0 0 0 24px;overflow-wrap:anywhere}.bio-page:has(.advantage-list){align-items:start}.bio-page:has(.advantage-list) .bio-collage{height:780px;margin-top:25px}.bio-copy:has(.advantage-list) .bio-credentials{margin-top:25px;font-size:11px}@media(max-width:1000px){.bio-facts p{font-size:13px}.advantage-item p{font-size:12px}.advantage-item h4{font-size:15px}.advantage-heading{font-size:21px}.advantage-heading span{font-size:12px}.bio-page:has(.advantage-list) .bio-collage{height:710px}}@media(max-width:700px){.bio-copy .bio-name{font-size:45px}.bio-page:has(.advantage-list) .bio-collage{height:590px;margin-top:5px}.advantage-item p{font-size:13px}.advantage-item h4{font-size:16px}.bio-copy:has(.advantage-list) .bio-credentials{font-size:10px}}@media(max-width:380px){.bio-page:has(.advantage-list) .bio-collage{height:500px}}

/* About page based on the supplied hanging-frame reference. */
.bio-reference{background:#efefee;color:#222;position:relative;padding:45px 4.5% 40px;border-bottom:8px solid var(--ink)}.bio-ref-top{display:grid;grid-template-columns:1.4fr .55fr 1fr 1.1fr;gap:25px;align-items:start;min-height:125px}.bio-ref-top h2{font-family:"Comic Sans MS","Segoe Print",cursive;font-weight:400;font-size:clamp(40px,4.3vw,64px);line-height:1.15;letter-spacing:-2px;margin:0}.bio-ref-top h2>span{font-family:Arial,"PingFang SC",sans-serif;font-size:11px;letter-spacing:3px;display:block;margin-top:12px}.bio-ref-name{font-size:24px;font-weight:700;line-height:1.4;padding-top:8px}.bio-ref-name>span{font-family:"Comic Sans MS","Segoe Print",cursive;font-weight:400;font-size:26px;display:block}.bio-ref-top p{font-size:12px;line-height:1.9;margin:5px 0;overflow-wrap:anywhere}.bio-ref-education,.bio-ref-experience{padding-top:7px}.bio-clothesline{width:calc(100% + 10%);height:125px;display:block;margin-left:-5%;margin-bottom:10px}.bio-ref-body{display:grid;grid-template-columns:1fr .4fr;gap:65px;align-items:start;padding:0 0 15px}.bio-ref-advantages{padding-top:38px}.bio-ref-advantages h3{display:flex;justify-content:space-between;gap:25px;font-size:24px;margin:0 0 32px;font-weight:700}.bio-ref-advantages h3>span{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:25px;font-weight:400}.bio-ref-advantages .advantage-item{margin-bottom:19px}.bio-ref-advantages .advantage-item h4{font-size:15px;line-height:1.5;color:#222;margin-bottom:5px}.bio-ref-advantages .advantage-item strong{font-weight:800}.bio-ref-advantages .advantage-item h4>span{color:#547a9b}.bio-ref-advantages .advantage-item p{color:#444;font-size:13px;line-height:1.85;margin-left:24px}.bio-ref-credentials{font-size:11px;line-height:1.8;color:#666;border-top:1px solid #ccc;padding-top:15px;margin-top:24px}.bio-ref-photos{position:relative;max-width:320px;margin-top:-12px}.bio-hanging-frame{position:relative;background:#d7d7d3;border:1.5px solid #666;border-radius:22px 19px 25px 18px;padding:18px 16px 20px;transform:rotate(.6deg);box-shadow:3px 3px 0 #7772}.bio-hanging-frame:before{content:'';position:absolute;width:50px;height:28px;border:1.5px solid #666;border-bottom:0;background:#d7d7d3;top:-28px;left:calc(50% - 25px);border-radius:25px 25px 0 0}.bio-hanging-frame>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:60% 28%;border-radius:10px}.bio-pin{position:absolute;top:-53px;left:calc(50% - 4px);width:8px;height:50px;background:#547a9b;border:1px solid #344757;border-radius:3px;z-index:2}.frame-star{position:absolute;font-size:31px;line-height:1;color:#777;background:#efefee}.star-one{left:-15px;top:45px;transform:rotate(-15deg)}.star-two{right:-13px;bottom:-9px;transform:rotate(12deg)}.bio-ref-thumbnails{display:flex;gap:14px;justify-content:center;margin-top:28px;padding:0 10px}.bio-ref-thumbnails img{width:calc(50% - 7px);aspect-ratio:3/4;object-fit:cover;border:6px solid #fafaf8;box-shadow:1px 2px 5px #0002}.bio-ref-thumbnails img:first-child{transform:rotate(-5deg)}.bio-ref-thumbnails img:last-child{transform:rotate(5deg)}@media(max-width:1000px){.bio-ref-top{grid-template-columns:1.1fr .6fr 1fr 1fr;gap:15px}.bio-ref-top p{font-size:11px}.bio-ref-body{gap:35px;grid-template-columns:1fr .42fr}.bio-ref-advantages .advantage-item p{font-size:12px}.bio-ref-advantages h3{font-size:21px}.bio-ref-advantages h3>span{font-size:21px}.bio-ref-name{font-size:21px}}@media(max-width:700px){.bio-reference{padding:30px 23px;border-width:5px}.bio-ref-top{grid-template-columns:1fr 1fr;gap:22px 18px;min-height:0}.bio-ref-top h2{font-size:42px;letter-spacing:-1px}.bio-ref-name{justify-self:end;text-align:right;padding-top:0}.bio-ref-top p{font-size:11px}.bio-clothesline{height:75px;margin-top:15px;margin-bottom:10px}.bio-ref-body{grid-template-columns:1fr;gap:40px}.bio-ref-advantages{padding-top:10px}.bio-ref-advantages h3{font-size:22px;margin-bottom:25px}.bio-ref-advantages h3>span{font-size:19px}.bio-ref-advantages .advantage-item p{font-size:13px}.bio-ref-photos{width:75%;max-width:290px;margin:20px auto 0}.bio-ref-credentials{font-size:10px}.bio-pin{height:40px;top:-42px}.bio-ref-thumbnails{margin-top:24px}}@media(prefers-reduced-motion:reduce){.bio-hanging-frame,.bio-ref-thumbnails img{transform:none}}
/* Keep the reference composition with the portfolio's bold black and pink identity. */
.bio-reference{background:var(--ink);color:var(--paper);padding-top:50px;padding-bottom:55px}.bio-ref-top{grid-template-columns:1.35fr .6fr 1fr 1.05fr;gap:28px;min-height:150px;align-items:center}.bio-ref-top h2{font-family:Arial,"PingFang SC",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(42px,5.1vw,76px);letter-spacing:-4px;line-height:.95;color:var(--pink);max-width:350px}.bio-ref-top h2>span{color:#eee;font-size:11px;font-weight:500;letter-spacing:4px;margin-top:18px}.bio-ref-name{font-size:27px;font-weight:750}.bio-ref-name>span{font-family:Arial,sans-serif;font-size:28px;font-weight:600;color:var(--pink);letter-spacing:-1px}.bio-ref-top p{color:#ddd;font-size:12px;line-height:1.85}.bio-clothesline{display:none}.bio-ref-body{margin-top:35px;padding-top:40px;border-top:1px solid #efa1cd70;gap:70px;grid-template-columns:1fr .43fr}.bio-ref-advantages{padding-top:0}.bio-ref-advantages h3{font-size:34px;font-weight:800;letter-spacing:-1px;margin-bottom:35px;color:var(--pink);align-items:center}.bio-ref-advantages h3>span{font-family:Arial,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#efefef}.bio-ref-advantages .advantage-item{margin-bottom:24px}.bio-ref-advantages .advantage-item h4{font-size:18px;color:#fff;margin-bottom:9px}.bio-ref-advantages .advantage-item h4>span{color:var(--pink);font-size:19px}.bio-ref-advantages .advantage-item strong{font-weight:800}.bio-ref-advantages .advantage-item p{color:#d4d4d4;font-size:13px;line-height:1.9;margin-left:27px}.bio-ref-credentials{color:var(--pink);border-color:#ffffff35;font-size:11px;letter-spacing:.6px;padding-top:20px;margin-top:30px}.bio-ref-photos{margin-top:5px;max-width:350px}.bio-hanging-frame{border:2px solid var(--pink);border-radius:0;background:var(--pink);padding:8px;transform:rotate(3deg);box-shadow:12px 12px 0 #efa1cd24}.bio-hanging-frame:before{display:none}.bio-hanging-frame>img{border-radius:0;aspect-ratio:3/4;object-position:60% 28%;filter:saturate(.9) contrast(1.05)}.bio-pin{display:none}.frame-star{background:transparent;color:var(--pink);font-weight:800;font-size:46px}.star-one{top:-28px;left:-25px}.star-two{bottom:-24px;right:-22px}.bio-ref-thumbnails{margin-top:36px;padding:0 2px;gap:18px}.bio-ref-thumbnails img{border:5px solid var(--paper);box-shadow:5px 5px 0 #efa1cd35}.bio-ref-thumbnails img:first-child{transform:rotate(-7deg)}.bio-ref-thumbnails img:last-child{transform:rotate(7deg)}@media(max-width:1000px){.bio-ref-top{gap:18px;grid-template-columns:1.25fr .6fr 1fr 1fr}.bio-ref-top h2{font-size:49px;letter-spacing:-3px}.bio-ref-name{font-size:23px}.bio-ref-top p{font-size:11px}.bio-ref-body{gap:40px}.bio-ref-advantages h3{font-size:29px}.bio-ref-advantages h3>span{font-size:11px;letter-spacing:1.5px}.bio-ref-advantages .advantage-item h4{font-size:16px}.bio-ref-advantages .advantage-item p{font-size:12px}}@media(max-width:700px){.bio-reference{padding:35px 23px 45px}.bio-ref-top{grid-template-columns:1fr 1fr;gap:25px 16px;min-height:0;align-items:start}.bio-ref-top h2{font-size:48px;max-width:210px;letter-spacing:-3px}.bio-ref-name{text-align:right;font-size:24px}.bio-ref-name>span{font-size:26px}.bio-ref-top p{font-size:11px}.bio-ref-body{margin-top:28px;padding-top:30px;grid-template-columns:1fr;gap:40px}.bio-ref-advantages h3{font-size:28px;margin-bottom:28px;gap:15px}.bio-ref-advantages h3>span{font-size:10px;letter-spacing:1px}.bio-ref-advantages .advantage-item h4{font-size:17px}.bio-ref-advantages .advantage-item p{font-size:13px}.bio-ref-credentials{font-size:10px;line-height:1.9}.bio-ref-photos{width:78%;max-width:300px;margin-top:10px}.bio-hanging-frame{box-shadow:8px 8px 0 #efa1cd24}}@media(prefers-reduced-motion:reduce){.bio-hanging-frame,.bio-ref-thumbnails img{transform:none}}

.bio-ref-advantages .growth-emphasis{font-weight:800;color:var(--pink)}

.bio-ref-thumbnails{align-items:center;gap:14px}.bio-ref-thumbnails img:first-child{width:calc(42% - 7px)}.bio-ref-thumbnails img:last-child{width:calc(58% - 7px)}

.bio-ref-advantages .advantage-spotlight{padding:20px 22px;margin:0 0 28px;border-left:3px solid var(--pink);background:#efa1cd0d}.bio-ref-advantages .advantage-spotlight p{margin-left:0;margin-top:12px;font-size:13px;line-height:1.95}.bio-ref-advantages .growth-emphasis{color:var(--pink);font-weight:800}@media(max-width:700px){.bio-ref-advantages .advantage-spotlight{padding:18px 16px}}

/* Reference cover: preserve the 720 × 364 composition. */
header.cover-nav{height:auto;padding:0;border:8px solid var(--ink);border-bottom:0;background:white;max-width:1550px;display:block}.cover-nav nav{height:70px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:650;letter-spacing:1px}.cover-nav nav a{display:block!important}.cover-reference{padding:0;background:#fff;overflow:hidden}.reference-stage{position:relative;aspect-ratio:720/319;width:100%;isolation:isolate}.portfolio-lettering{position:absolute;left:0;top:-14.1%;width:100%;height:114.1%;z-index:0}.reference-signature{font-family:"KaiTi","STKaiti",Georgia,serif;position:absolute;top:2%;left:9.5%;font-size:clamp(35px,7.7vw,116px);font-weight:850;letter-spacing:-.1em;line-height:1.1;transform:rotate(-12deg);margin:0;z-index:2;color:#050505}.reference-person{position:absolute;left:0;top:-14.1%;width:100%;height:114.1%;object-fit:fill;z-index:1;clip-path:polygon(49% 26%,51% 24%,54% 22%,55% 19%,58% 16%,61% 16%,65% 16%,68% 18%,69% 22%,71% 24%,75% 26%,79% 30%,81% 34%,81% 37%,79% 43%,76% 49%,74% 55%,73% 62%,72% 70%,72% 80%,74% 90%,76% 99%,54% 99%,55% 91%,55% 85%,56% 80%,55% 75%,54% 70%,53% 64%,51% 58%,49% 51%,47% 43%,46% 35%,45% 31%,46% 28%)}.reference-bottom{position:absolute;left:3.7%;right:3.7%;bottom:5%;display:grid;grid-template-columns:1.15fr .75fr .75fr;align-items:center;gap:15px;z-index:3}.reference-bottom p{font-size:clamp(9px,1.04vw,15px);line-height:1.5;margin:0;max-width:350px;color:#333}.reference-explore{font-size:clamp(9px,1.04vw,14px);justify-self:start;border-bottom:1px solid #aaa;padding-bottom:5px;background:#ffffffdc}.reference-socials{display:flex;justify-content:flex-end;gap:24px;align-items:center}.reference-socials a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:34px;color:#111}.reference-socials svg{width:26px;height:26px;display:block}.reference-socials a:first-child svg{width:48px;height:27px}.reference-socials a:hover{color:#c13e95}.reference-person{pointer-events:none}#skills{scroll-margin-top:35px}@media(min-width:1550px){.reference-signature{font-size:116px}}@media(max-width:850px){.cover-nav nav{height:55px;font-size:12px;gap:10px;padding:0 4%}.reference-socials{gap:12px}.reference-socials svg{width:20px;height:20px}.reference-socials a:first-child svg{width:40px}.reference-socials a{min-width:22px}}@media(max-width:600px){header.cover-nav{border-width:5px}.cover-nav nav{height:48px;font-size:10px;gap:8px;letter-spacing:0}.reference-stage{aspect-ratio:720/319;min-height:0}.reference-signature{font-size:8.4vw;top:3%;left:9%}.reference-bottom{left:3.5%;right:3.5%;bottom:4%;gap:7px;grid-template-columns:1.2fr .85fr .8fr}.reference-bottom p{font-size:7px;max-width:145px}.reference-explore{font-size:7px;padding-bottom:2px}.reference-socials{gap:7px}.reference-socials svg{width:15px;height:15px}.reference-socials a:first-child svg{width:30px;height:20px}.reference-socials a{min-width:16px;min-height:24px}}@media(prefers-reduced-motion:reduce){.reference-signature{transform:none}}

.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%;object-fit:contain;object-position:center bottom;clip-path:none}@media(max-width:600px){.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%}}

.reference-signature{top:8%;left:10%;font-size:clamp(34px,6.5vw,100px);letter-spacing:.02em;transform:rotate(-9deg);line-height:1.15}@media(max-width:600px){.reference-signature{top:9%;left:10%;font-size:7.3vw;letter-spacing:.01em}}@media(prefers-reduced-motion:reduce){.reference-signature{transform:none}}

.reference-signature{font-family:"Ma Shan Zheng","STXingkai","Xingkai SC","STKaiti","KaiTi",cursive;font-weight:400;letter-spacing:.03em;transform:rotate(-8deg);font-size:clamp(38px,7.2vw,110px)}@media(max-width:600px){.reference-signature{font-size:8vw;top:8%}}@media(prefers-reduced-motion:reduce){.reference-signature{transform:none}}

.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%;object-fit:cover;object-position:center 25%;clip-path:none;border-radius:50% 50% 0 0;background:#111}.reference-signature{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:clamp(36px,6.2vw,94px);font-weight:700;transform:none;letter-spacing:.08em;top:8%;left:10%;line-height:1.2}@media(max-width:600px){.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%;border-radius:50% 50% 0 0}.reference-signature{font-size:7vw;top:9%;left:9%;transform:none;letter-spacing:.06em}}
/* Black and pink cover with a restrained breathing glow. */
header.cover-nav,.cover-reference{background:#121212;color:#f4edf2}.cover-nav nav a{color:#f1d4e6;transition:color .2s,text-shadow .2s}.cover-nav nav a:hover{color:#ffa5d8;text-shadow:0 0 12px #ed78b780}.reference-stage{background:radial-gradient(ellipse at 31% 56%,#ed78b70b,transparent 65%),#121212}.portfolio-lettering text{fill:#efa1cd}.portfolio-lettering{filter:drop-shadow(0 0 3px #efa1cd55) drop-shadow(0 0 10px #e96aab33);animation:portfolio-pink-glow 4.8s ease-in-out infinite}.reference-signature{color:#f7e7f0;text-shadow:0 0 10px #efa1cd25}.reference-bottom p{color:#e9d9e3}.reference-explore{background:transparent;color:#f5d4e7;border-color:#efa1cd80}.reference-socials a{color:#efa1cd}.reference-socials a:hover{color:#ffcae8;filter:drop-shadow(0 0 5px #efa1cd88)}.reference-socials svg text{fill:currentColor}.reference-socials a:last-child svg path{fill:#121212}.reference-person.reference-person-rita{box-shadow:0 0 0 1px #efa1cd30,0 0 22px #efa1cd12}@keyframes portfolio-pink-glow{0%,100%{filter:drop-shadow(0 0 3px #efa1cd55) drop-shadow(0 0 10px #e96aab33)}46%{filter:drop-shadow(0 0 5px #efa1cd80) drop-shadow(0 0 18px #e96aab55)}54%{filter:drop-shadow(0 0 4px #efa1cd66) drop-shadow(0 0 13px #e96aab44)}62%{filter:drop-shadow(0 0 6px #efa1cd88) drop-shadow(0 0 20px #e96aab55)}}@media(prefers-reduced-motion:reduce){.portfolio-lettering{animation:none;filter:drop-shadow(0 0 4px #efa1cd55)}.cover-nav nav a{transition:none}}

.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%;object-fit:contain;object-position:center bottom;clip-path:none;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 1px #000)}header.cover-nav,.cover-reference{background:#090909}.reference-stage{background:#090909}.portfolio-lettering text{fill:#efa1cd}.reference-socials a:last-child svg path{fill:#090909}@media(max-width:600px){.reference-person.reference-person-rita{left:45.8%;top:3%;width:35.5%;height:97%;border-radius:0;object-fit:contain;background:transparent;box-shadow:none}}


.core-directory{background:#161616;color:#f7edf3}.core-directory>h2{color:var(--pink);font-size:44px;font-weight:800}.core-directory>p{color:#c9bbc4}.core-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.core-directory-grid>a{display:flex;align-items:start;gap:18px;border:1px solid #efa1cd45;padding:25px;transition:border-color .2s,background .2s}.core-directory-grid>a:hover{border-color:var(--pink);background:#efa1cd0a}.core-directory-grid>a>span{font-size:12px;color:var(--pink);padding-top:5px}.core-directory-grid h3{font-size:23px;line-height:1.4;margin:0 0 12px;color:#f7edf3}.core-directory-grid p{font-size:12px;color:#c9bbc4;margin:0 0 8px}.core-directory-grid small{color:#93858d;font-size:11px}.core-directory-grid b{margin-left:auto;color:var(--pink);font-size:25px}.core-case{padding:55px 5%;background:#111;color:#f5eef2;border-bottom:8px solid #222;scroll-margin-top:20px}.core-case:nth-child(even){background:#1b1b1b}.core-case-heading h2{font-size:clamp(28px,3.5vw,48px);color:var(--pink);font-weight:800;line-height:1.25;margin:20px 0 24px}.core-case-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #efa1cd44;font-size:13px}.core-case-meta>span{color:#b9aab3}.core-case-body{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-top:35px}.core-case-copy article{margin-bottom:32px}.core-case-copy h3{font-size:19px;font-weight:750;color:#fff;margin:0 0 13px}.core-case-copy p{font-size:14px;line-height:2;color:#d2cbd0;margin:0}.core-case-copy p strong{color:var(--pink);font-weight:800}.project-assets{display:flex;flex-direction:column;gap:18px}.media-placeholder{border:1px dashed #efa1cd50;background:#efa1cd05;min-height:175px;padding:25px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.media-placeholder h4{font-size:16px;color:#f4deeb;margin:10px 0}.media-placeholder p{font-size:11px;color:#b2a2ac;margin:0;line-height:1.8}.media-placeholder small{font-size:10px;color:#82747d;margin-top:16px}.media-symbol{font-size:29px;color:var(--pink)}.project-link-slot{border:1px solid #efa1cd30;padding:20px}.project-link-slot h4{margin:0 0 15px;font-size:15px;color:#f4deeb}.project-link-slot>a{display:block;color:var(--pink);font-size:12px;margin:12px 0}.link-placeholder{font-size:11px;color:#82747d;padding-top:12px;border-top:1px solid #ffffff15}.core-back{display:inline-block;font-size:11px;color:var(--pink);margin-top:25px;border-bottom:1px solid #efa1cd55;padding-bottom:7px}.research>.education{margin-top:0;border-top:0;padding-top:0}@media(max-width:850px){.core-case-body{gap:30px;grid-template-columns:1.2fr 1fr}.core-directory-grid h3{font-size:20px}}@media(max-width:600px){.core-directory>h2{font-size:32px}.core-directory-grid{grid-template-columns:1fr;gap:12px}.core-directory-grid>a{padding:20px 16px;gap:14px}.core-directory-grid h3{font-size:21px}.core-case{padding:35px 23px;border-width:5px}.core-case-heading h2{font-size:30px}.core-case-meta{flex-direction:column;gap:10px;font-size:12px}.core-case-body{grid-template-columns:1fr;gap:15px}.core-case-copy p{font-size:13px}.core-case-copy h3{font-size:18px}.media-placeholder{min-height:165px}.core-directory-grid>a{transition:none}}

.project-tags{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.project-tags span{border:1px solid #efa1cd55;color:#e6bbd3;border-radius:20px;padding:8px 12px;font-size:10px}.project-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;padding:25px 0;border-bottom:1px solid #efa1cd33}.project-result-grid strong{display:block;color:var(--pink);font-size:30px;letter-spacing:-1px}.project-result-grid span{display:block;color:#a99aa3;font-size:10px;margin-top:10px}.project-process{padding:25px;background:#efa1cd06;border:1px solid #efa1cd25;margin-top:25px}.project-process h3{font-size:19px;margin:0 0 25px;color:#f3d6e6}.project-process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;counter-reset:step}.project-process li{counter-increment:step}.project-process li:before{content:'0' counter(step);color:var(--pink);display:block;font-size:12px;margin-bottom:12px}.project-process li strong{font-size:13px}.project-process li p{font-size:11px;line-height:1.9;color:#b2a6ad}.project-data-note{font-size:10px;line-height:1.9;color:#897b83;margin:20px 0 0}.directory-group-label{font-size:12px;letter-spacing:2px;color:var(--pink);margin-top:32px}.supplementary-directory{margin-top:20px!important}.project-supplement-result{color:var(--pink);font-size:22px;margin-top:25px}.core-case-copy ul{padding-left:20px;margin:0}.core-case-copy li{color:#d2cbd0;font-size:13px;line-height:2;margin-bottom:14px}@media(max-width:600px){.project-result-grid{grid-template-columns:1fr 1fr;gap:25px}.project-result-grid strong{font-size:26px}.project-process{padding:20px 16px}.project-process ol{grid-template-columns:1fr 1fr;gap:15px}.project-supplement-result{font-size:19px}}

.project-jumpbar{display:flex;flex-wrap:wrap;gap:10px;padding:22px 4%;background:#111;border-bottom:1px solid #efa1cd25;scroll-margin-top:20px}.project-jumpbar>a{font-size:10px;line-height:1.6;color:#dbc2d1;border:1px solid #efa1cd30;padding:7px 10px}.project-jumpbar>a:hover{color:var(--pink);border-color:var(--pink)}.project-spread{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;padding:45px 4%;background:#111;color:#f6edf2;border-bottom:8px solid #222;scroll-margin-top:20px}.project-spread:nth-of-type(even){background:#191919}.spread-left h2{font-size:30px;line-height:1.35;font-weight:800;color:var(--pink);margin:16px 0 20px}.spread-points{padding:0;list-style:none;margin:0 0 25px}.spread-points li{font-size:12px;line-height:1.8;margin:8px 0;color:#dfc1d3;display:flex;gap:8px}.spread-points li:before{content:'✦';color:var(--pink);font-size:10px;flex-shrink:0}.spread-media{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spread-video,.spread-photo{border:1px dashed #efa1cd50;min-height:220px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:#efa1cd05;padding:15px}.spread-video>span,.spread-photo>span{color:var(--pink);font-size:32px}.spread-media h4{font-size:13px;margin:12px 0 8px;color:#ebd4e1}.spread-media p{font-size:10px;line-height:1.8;color:#95838f;margin:0}.spread-caption{grid-column:1/-1;padding:12px;border:1px dashed #ffffff25;font-size:10px;line-height:1.8;color:#95838f;min-height:50px}.spread-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}.spread-links>a{font-size:11px;color:var(--pink);border-bottom:1px solid #efa1cd55;padding-bottom:4px}.spread-links>span{font-size:10px;color:#95838f}.spread-right{padding-top:3px}.spread-right>h3{font-size:25px;line-height:1.4;color:#f4d9e8;font-weight:750;margin:16px 0 18px}.spread-right .core-case-meta{font-size:12px;gap:12px;padding-bottom:20px;margin-bottom:25px}.spread-right .project-tags{margin-bottom:24px}.spread-right .core-case-copy article{margin-bottom:23px}.spread-right .core-case-copy h3{font-size:16px;margin:0 0 10px;color:#fff}.spread-right .core-case-copy p{font-size:13px;line-height:1.95;color:#ccc3c9}.spread-right .core-case-copy strong{color:var(--pink)}.project-triptych{display:grid;grid-template-columns:repeat(3,1fr);padding:40px 3%;gap:0;background:#151515;color:#f6edf2;border-bottom:8px solid #222}.triptych-column{padding:5px 25px;min-width:0;border-right:1px solid #efa1cd45;scroll-margin-top:20px}.triptych-column:first-child{padding-left:10px}.triptych-column:last-child{border:0;padding-right:10px}.triptych-column>h2{color:var(--pink);font-size:25px;line-height:1.4;font-weight:750;margin:18px 0}.triptych-column .core-case-meta{flex-direction:column;font-size:11px;gap:9px;min-height:72px;padding-bottom:15px;margin-bottom:18px}.triptych-column .spread-points{min-height:130px}.triptych-column .spread-points li{font-size:11px}.triptych-column .spread-video,.triptych-column .spread-photo{min-height:165px;padding:12px}.triptych-explanation{border-top:1px solid #efa1cd30;margin-top:25px;padding-top:20px}.triptych-explanation>h3{color:#ebd4e1;font-size:15px;margin:0 0 23px}.triptych-explanation .core-case-copy h3{font-size:13px;line-height:1.6;margin-bottom:8px}.triptych-explanation .core-case-copy p{font-size:11px;line-height:1.95}.triptych-explanation .core-case-copy article{margin-bottom:20px}@media(max-width:1000px){.project-spread{gap:30px}.spread-left h2{font-size:26px}.spread-right>h3{font-size:22px}.triptych-column{padding:5px 15px}.triptych-column>h2{font-size:21px}.triptych-column .spread-media{grid-template-columns:1fr}.triptych-column .spread-caption{grid-column:auto}.triptych-column .spread-points{min-height:155px}}@media(max-width:650px){.project-jumpbar{padding:20px 23px;gap:8px}.project-jumpbar>a{font-size:9px;max-width:100%}.project-spread{grid-template-columns:1fr;padding:30px 23px;gap:30px;border-width:5px}.spread-left h2{font-size:27px}.spread-video,.spread-photo{min-height:190px}.spread-right{border-top:1px solid #efa1cd30;padding-top:25px}.spread-right .core-case-meta{flex-direction:column}.project-triptych{grid-template-columns:1fr;padding:15px 23px;border-width:5px}.triptych-column,.triptych-column:first-child,.triptych-column:last-child{border-right:0;padding:30px 0;border-bottom:1px solid #efa1cd45}.triptych-column:last-child{border-bottom:0}.triptych-column>h2{font-size:27px}.triptych-column .spread-points{min-height:0}.triptych-column .spread-media{grid-template-columns:1fr 1fr}.triptych-column .spread-caption{grid-column:1/-1}.triptych-explanation .core-case-copy p{font-size:13px}.triptych-explanation .core-case-copy h3{font-size:16px}}

.sigma-roadmap-spread{grid-template-columns:1fr 1.08fr;gap:45px}.sigma-title-note{font-size:12px;color:#bc9eb0;line-height:1.7;margin-bottom:25px}.sigma-evidence-stages{display:flex;flex-direction:column;gap:22px}.evidence-stage{border:1px solid #efa1cd30;padding:18px;background:#efa1cd03}.evidence-stage h3{font-size:15px;margin:0 0 16px;color:#f4d9e8;display:flex;gap:10px;align-items:center}.evidence-stage h3>span{font-size:10px;padding:5px 8px;border:1px solid #efa1cd50;color:var(--pink)}.sigma-account-slots,.sigma-post-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sigma-post-slots{margin-top:10px}.sigma-slot{min-height:100px;border:1px dashed #efa1cd3c;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;text-align:center;background:#ffffff02}.sigma-slot b{font-size:11px;color:#e7c4d9;font-weight:650;margin-bottom:7px}.sigma-slot>span:not(.slot-icon){font-size:9px;color:#91818a;line-height:1.8}.sigma-slot small{font-size:8px;color:#6f6069;margin-top:9px}.post-slot,.data-slot{min-height:120px}.sigma-slot .slot-icon{font-size:24px;color:#c98bae;line-height:1;margin-bottom:12px}.evidence-caption{font-size:9px;color:#8f7f89;line-height:1.8;padding-top:12px}.sigma-media-note{font-size:9px;color:#887882;line-height:1.9;margin-top:15px}.sigma-story .core-case-meta{margin-bottom:30px}.sigma-intro{margin-bottom:26px}.sigma-intro h3{font-size:19px;color:var(--pink);margin:0 0 12px;font-weight:750}.sigma-intro p{font-size:13px;line-height:2;color:#d4cad0;margin:0}.roadmap-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #efa1cd33;padding-top:25px;margin-top:30px;margin-bottom:25px}.roadmap-heading h3{font-size:22px;color:#f0d3e3;margin:0}.roadmap-heading span{font-size:10px;color:#ad8b9e}.sigma-roadmap{list-style:none;padding:0;margin:0;position:relative}.sigma-roadmap:before{content:'';position:absolute;left:20px;top:22px;bottom:60px;width:1px;background:#efa1cd60}.roadmap-stage{display:grid;grid-template-columns:42px 1fr;gap:15px;margin-bottom:26px;position:relative}.roadmap-node{height:42px;width:42px;border:1px solid #efa1cd70;display:grid;place-items:center;color:var(--pink);font-size:12px;background:#111;z-index:1}.roadmap-card{border:1px solid #efa1cd30;padding:20px;background:#efa1cd04}.roadmap-card h4{font-size:16px;line-height:1.7;color:#f5daea;margin:0 0 15px;font-weight:750}.roadmap-card>p{font-size:12px;line-height:1.95;color:#c7bac2;margin:0 0 18px}.roadmap-result{border-top:1px solid #efa1cd25;padding-top:14px}.roadmap-result>span{display:block;font-size:10px;color:#a98b9c;margin-bottom:9px}.roadmap-result strong{display:block;color:var(--pink);font-size:13px;line-height:1.8;font-weight:750}@media(max-width:1000px){.sigma-roadmap-spread{gap:30px}.roadmap-stage{gap:12px}.roadmap-card{padding:16px}.roadmap-card h4{font-size:15px}.sigma-slot{padding:10px}}@media(max-width:650px){.sigma-roadmap-spread{grid-template-columns:1fr;gap:30px}.sigma-story{padding-top:30px}.roadmap-stage{grid-template-columns:36px 1fr;gap:10px}.roadmap-node{width:36px;height:36px}.sigma-roadmap:before{left:17px}.roadmap-card{padding:16px}.roadmap-card h4{font-size:15px}.roadmap-heading h3{font-size:20px}.sigma-slot{min-height:115px}.sigma-slot b{font-size:12px}.sigma-slot>span:not(.slot-icon){font-size:10px}.sigma-media-note{font-size:10px}}


/* Category hierarchy and individual project modules */
.project-category{scroll-margin-top:85px}.project-category-heading{padding:52px 0 28px;border-bottom:2px solid var(--pink);margin-bottom:30px}.project-category-heading h2{font-size:clamp(32px,4.4vw,62px);line-height:1.15;color:var(--pink);margin:0 0 24px;font-weight:900;letter-spacing:-.03em}.project-category-heading nav{display:flex;flex-wrap:wrap;gap:12px 28px}.project-category-heading nav a{color:var(--paper);font-size:16px;text-decoration:none;border-bottom:1px solid #efa1cd60;padding-bottom:5px}.spread-left .project-module-title{font-size:clamp(26px,3vw,42px);line-height:1.2;margin:15px 0 24px;font-weight:800;letter-spacing:-.02em}.project-category .project-spread{margin-bottom:50px}.competition-category{break-before:page}@media(max-width:650px){.project-category-heading{padding-top:35px}.project-category-heading nav{gap:12px}.spread-left .project-module-title{font-size:28px}}
/* Visible parent-child relationships in the category menu */
.project-spreads .hierarchy-menu{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;padding:32px 4%}
.category-menu-group{min-width:0}.category-menu-title{display:block;font-size:clamp(28px,4.4vw,62px);line-height:1.2;font-weight:900;letter-spacing:-.03em;color:#fff;text-decoration:none}
.category-menu-modules{list-style:none;padding:0 0 0 18px;margin:16px 0 0;border-left:2px solid #ffffffaa;display:grid;gap:9px}.category-menu-modules li{margin:0}.category-menu-modules a{font-size:16px;line-height:1.6;font-weight:600;color:#35212d;text-decoration:none}.category-menu-modules a:hover{color:#fff}.category-menu-title:hover{color:#35212d}
@media(max-width:650px){.project-spreads .hierarchy-menu{grid-template-columns:1fr;gap:26px;padding:26px 23px}.category-menu-title{font-size:30px}.category-menu-modules{margin-top:12px}.category-menu-modules a{font-size:14px}}

/* Restore black-and-pink palette, retain large menu hierarchy and framed modules */
.project-spreads{background:#111;color:#f6edf2}.project-spreads .hierarchy-menu{background:#111;border:0;gap:30px 40px}.category-menu-title{color:var(--pink)}.category-menu-title:hover{color:#fff}.category-menu-modules{border:0;padding:0;margin-top:16px;gap:10px}.category-menu-modules a{display:block;width:fit-content;max-width:100%;box-sizing:border-box;padding:9px 13px;border:1px solid #efa1cd60;color:#f3dfea;background:#efa1cd08;font-size:15px;line-height:1.6}.category-menu-modules a:hover{border-color:var(--pink);background:#efa1cd18;color:#fff}
.project-category{background:#111;margin:0;padding:0;border:0}.project-category-heading{background:#111;padding:22px 4%;margin:0;border:0;border-bottom:2px solid var(--pink)}.project-category-heading h2{font-size:22px;color:var(--pink);margin:0 0 12px}.project-category-heading nav a{color:#f3dfea;border:1px solid #efa1cd50;padding:7px 10px;font-size:13px}.project-category .project-spread{margin:0;background:#111;color:#f6edf2;padding:32px 4%;border:0;border-bottom:2px solid #efa1cd35}.project-category .project-spread:last-child{border-bottom:0}
.project-logo{width:160px;margin:0 0 20px;line-height:0}.project-logo img{display:block;width:100%;height:auto}.logo-tiffany{background:#81d8d0;padding:6px 14px;width:185px}.logo-iresearch{background:#fff;padding:3px 10px;width:135px}.logo-loreal{width:165px}
@media(max-width:650px){.project-category-heading{padding:18px 23px}.project-category-heading h2{font-size:18px}.project-category .project-spread{padding:26px 23px}.category-menu-modules a{font-size:14px}.project-logo{margin-bottom:16px}}

/* Local category bands are visually distinct from the full project directory */
.project-category-heading{background:var(--pink);color:#21141c;border:0;padding:18px 4%}.project-category-heading h2{color:#21141c;font-size:22px;letter-spacing:.03em;font-weight:750}.project-category-heading nav a{color:#35212d;border:1px solid #35212d55;background:#ffffff20}.project-category-heading nav a:hover{background:#ffffff70}
.sigma-showcase-region{padding:22px 0;border-top:1px solid #efa1cd45;margin:0;background:transparent}.sigma-showcase-region>h3{font-size:12px;color:var(--pink);display:flex;gap:14px;align-items:center;margin:0 0 20px}.sigma-showcase-region>h3 span{font-size:19px;color:#f6edf2}.sigma-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.sigma-phone-figure{margin:0;min-width:0}.sigma-phone{position:relative;border:2px solid #727075;border-radius:28px;background:#060606;padding:10px 7px 13px;box-shadow:0 0 0 2px #242226,7px 9px 0 #efa1cd12}.sigma-phone:before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:35%;height:8px;border-radius:0 0 9px 9px;background:#050505;z-index:2}.sigma-phone-screen{border-radius:20px;overflow:hidden;background:#fff;min-height:100px}.sigma-phone-screen img{display:block;width:100%;height:auto}.sigma-phone-figure figcaption{margin-top:13px;font-size:12px;text-align:center;color:#e7c4d9}.sigma-ab-figure{margin:0}.sigma-ab-figure img{display:block;width:100%;height:auto;border:1px solid #efa1cd45}.sigma-ab-figure figcaption{padding:14px 0;font-size:12px;line-height:1.9;color:#e7c4d9}@media(max-width:650px){.project-category-heading{padding:18px 23px}.sigma-phone-grid{gap:16px}.sigma-phone{padding:9px 5px 10px;border-radius:23px}.sigma-phone-screen{border-radius:16px}}

/* Compact Sigma evidence and A/B testing placement */
.sigma-hit-region .sigma-phone{padding:6px 4px 8px}.sigma-hit-region .sigma-phone-screen{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#fff}.sigma-hit-region .sigma-phone-screen img{width:100%;height:100%;object-fit:cover}.sigma-hit-region .sigma-phone-figure:first-child .sigma-phone-screen img{width:110%;max-width:none;height:110%;flex-shrink:0}.sigma-hit-region .sigma-phone-figure figcaption{font-size:11px;line-height:1.6;min-height:36px}.sigma-ab-right{padding-top:18px;margin-top:20px}.sigma-ab-right>h3{margin-bottom:14px}.sigma-ab-right .sigma-ab-figure img{border:4px solid #eee7ec;border-radius:20px;box-sizing:border-box}.sigma-ab-right .sigma-ab-figure figcaption{padding:10px 0;font-size:12px;line-height:1.7}.sigma-social-icons{display:flex;gap:26px;align-items:center;margin-top:16px}.sigma-social-icons>a{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;padding:0;color:var(--pink);font-size:12px}.sigma-social-icons svg{width:30px;height:30px}.sigma-social-icons>a:hover{color:#fff}

/* Keep full screenshots and metrics visible inside the phone screen */
.sigma-hit-region .sigma-phone-screen{background:#0b0b0b}.sigma-hit-region .sigma-phone-screen img,.sigma-hit-region .sigma-phone-figure:first-child .sigma-phone-screen img{width:100%;height:100%;max-width:100%;object-fit:contain;flex-shrink:1}.sigma-hit-region .sigma-phone:before{height:5px;width:28%;top:4px}.sigma-social-icons{gap:30px}.sigma-social-icons>a{white-space:nowrap}
/* White infill around the complete hit screenshots */
.sigma-hit-region .sigma-phone{background:#fff}.sigma-hit-region .sigma-phone-screen{background:#fff}.sigma-hit-region .sigma-phone-figure:first-child .sigma-phone-screen img{clip-path:inset(11.8% 3.8% 11.8% 3.8% round 12px)}

.sigma-hit-region .sigma-phone-figure:first-child .sigma-phone-screen img{clip-path:none;object-fit:contain;background:#fff}

/* Paired testing modules beneath the Sigma case */
.saas-plain{font-weight:400}.sigma-testing-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.08fr;gap:45px;min-width:0}.sigma-testing-row .sigma-showcase-region{margin:0;padding:18px 0 0;min-width:0}.sigma-ab-left .sigma-ab-figure img{border:4px solid #eee7ec;border-radius:20px;box-sizing:border-box}.sigma-trend-flow{display:grid;grid-template-columns:1.1fr 44px .65fr;gap:10px;align-items:center}.sigma-trend-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.sigma-trend-flow img{width:100%;height:auto;display:block;border:3px solid #eee7ec;border-radius:13px;box-sizing:border-box}.sigma-trend-arrow{width:44px;color:var(--pink)}.sigma-trend-note{font-size:12px;line-height:1.9;color:#e7c4d9;margin:14px 0 0}@media(max-width:1000px){.sigma-testing-row{gap:30px}.sigma-trend-flow{grid-template-columns:1.1fr 30px .65fr;gap:7px}.sigma-trend-arrow{width:30px}}@media(max-width:650px){.sigma-testing-row{grid-template-columns:1fr;gap:25px}.sigma-trend-flow{grid-template-columns:1.1fr 35px .65fr}.sigma-trend-arrow{width:35px}}

/* Move account links into the title area and tighten the testing row */
.sigma-evidence .sigma-social-icons{margin:0 0 22px;gap:28px}.sigma-evidence .sigma-title-note{margin-bottom:14px}.sigma-roadmap-spread{row-gap:18px}.sigma-testing-row .sigma-showcase-region{padding-top:12px}.sigma-testing-row .sigma-showcase-region>h3{margin-bottom:14px}.sigma-story .core-back{display:inline-block;margin-top:12px}

/* Compact evidence, emphasized account setup, and aligned column endings */
.sigma-roadmap-spread{align-items:stretch}.sigma-evidence{display:flex;flex-direction:column;min-width:0}.sigma-title-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px}.sigma-title-strip .sigma-title-note{font-size:clamp(18px,1.65vw,25px);font-weight:800;line-height:1.45;color:var(--pink);margin:0;max-width:65%}.sigma-title-strip .sigma-social-icons{margin:0;gap:16px;flex-shrink:0}.sigma-title-strip .sigma-social-icons svg{width:25px;height:25px}.sigma-title-strip .sigma-social-icons>a{font-size:10px;gap:6px}.sigma-evidence .sigma-showcase{flex:1;display:flex;flex-direction:column;justify-content:space-between}.sigma-evidence .sigma-showcase-region{padding:15px 0 0}.sigma-evidence .sigma-showcase-region>h3{margin-bottom:14px}.sigma-evidence .sigma-phone-grid{gap:20px;justify-items:center}.sigma-evidence .sigma-phone-figure{width:100%;max-width:175px}.sigma-evidence .sigma-hit-region{margin-top:16px}.sigma-evidence .sigma-hit-region .sigma-phone-figure figcaption{min-height:0;margin-bottom:0}.sigma-story{display:flex;flex-direction:column}.sigma-story>.core-back{margin-top:auto;padding-top:12px;align-self:flex-start}@media(max-width:650px){.sigma-title-strip{flex-wrap:wrap}.sigma-title-strip .sigma-title-note{max-width:100%;font-size:20px}.sigma-title-strip .sigma-social-icons{margin-left:auto}.sigma-evidence .sigma-phone-figure{max-width:180px}.sigma-evidence .sigma-showcase{gap:18px}.sigma-story>.core-back{margin-top:12px}}
/* Shared title, image, and caption rows for testing modules 03 and 04 */
.sigma-testing-row{--test-image-height:clamp(220px,27vw,450px);grid-template-columns:1fr 1fr;align-items:start}.sigma-testing-row .sigma-showcase-region>h3{height:30px;margin:0 0 18px;line-height:30px;gap:14px}.sigma-testing-row .sigma-showcase-region>h3 span{font-size:19px;line-height:30px}.sigma-ab-left .sigma-ab-figure img{width:100%;height:var(--test-image-height);object-fit:contain;background:#eee7ec}.sigma-trend-flow{height:var(--test-image-height);grid-template-columns:1fr 34px .5fr;gap:10px;align-items:stretch}.sigma-trend-sources{height:100%;gap:10px;align-items:stretch;min-height:0}.sigma-trend-flow img{height:100%;object-fit:contain;background:#fff;border:4px solid #eee7ec;border-radius:20px}.sigma-trend-arrow{width:34px;align-self:center}.sigma-ab-left .sigma-ab-figure figcaption,.sigma-trend-note{font-size:12px;line-height:1.9;padding:0;margin:14px 0 0;color:#e7c4d9}@media(max-width:650px){.sigma-testing-row{grid-template-columns:1fr;--test-image-height:clamp(210px,65vw,340px)}.sigma-trend-flow{grid-template-columns:1fr 26px .5fr;gap:7px}.sigma-trend-sources{gap:7px}.sigma-trend-arrow{width:26px}}

.sigma-trend-flow{grid-template-columns:1fr 54px .5fr}.sigma-trend-arrow{width:54px;height:auto;color:var(--pink)}@media(max-width:650px){.sigma-trend-flow{grid-template-columns:1fr 40px .5fr}.sigma-trend-arrow{width:40px}}
/* Slightly larger intro copy and tighter, larger account evidence */
.sigma-intro p{font-size:14px}.sigma-evidence .sigma-phone-figure{max-width:195px}.sigma-evidence .sigma-phone-grid{grid-template-columns:repeat(2,minmax(0,195px));justify-content:center;gap:14px}.sigma-evidence .sigma-showcase{justify-content:flex-start;gap:16px}.sigma-evidence .sigma-hit-region{margin-top:0}.sigma-evidence .sigma-showcase-region{padding-top:12px}.sigma-evidence .sigma-showcase-region>h3{margin-bottom:12px}@media(max-width:650px){.sigma-evidence .sigma-phone-figure{max-width:195px}.sigma-evidence .sigma-phone-grid{gap:12px}}
/* Matching phone dimensions and a little more breathing room */
.sigma-evidence .sigma-phone-grid{gap:24px;align-items:start}.sigma-evidence .sigma-phone{padding:10px 7px 13px;box-sizing:border-box}.sigma-evidence .sigma-phone-screen{aspect-ratio:9/18;display:flex;align-items:center;justify-content:center}.sigma-evidence .sigma-phone-screen img{width:100%;height:100%;object-fit:contain}.sigma-evidence .sigma-hit-region .sigma-phone-screen{aspect-ratio:9/18}.sigma-evidence .sigma-phone-figure figcaption{margin-top:13px;line-height:1.6}.sigma-evidence .sigma-phone:before{top:6px;width:35%;height:8px}@media(max-width:650px){.sigma-evidence .sigma-phone-grid{gap:18px}}
/* Match both testing captions to the Roadmap result emphasis */
.sigma-testing-row .sigma-ab-left .sigma-ab-figure figcaption,.sigma-testing-row .sigma-trend-note{color:var(--pink);font-size:13px;line-height:1.8;font-weight:750}

/* Karpo setup and floating performance cards */
.sigma-evidence .sigma-showcase-region:first-child .sigma-phone-screen{background:#090909}
#project-karpo .core-case-copy h3{color:var(--pink);font-size:19px;font-weight:750}
.karpo-social{display:flex;justify-content:flex-end;margin:-6px 0 16px}.karpo-social a{display:flex;align-items:center;gap:9px;color:var(--pink);text-decoration:none;font-size:11px}.karpo-social svg{width:28px;height:28px}.karpo-setup{color:var(--pink);font-size:19px;font-weight:800;line-height:1.6;margin:10px 0 18px}.karpo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px}.karpo-metric{padding:19px 18px;border:1px solid #efa1cd60;border-radius:17px;background:linear-gradient(145deg,#efa1cd13,#111);box-shadow:0 9px 22px #0006,inset 0 1px 0 #fff1;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;gap:9px}.karpo-metric:hover{transform:translateY(-4px);box-shadow:0 14px 24px #0008,0 0 18px #efa1cd15}.karpo-metric>span{font-size:12px;color:#ebc8dc}.karpo-metric strong{font-size:clamp(32px,3.4vw,48px);color:var(--pink);font-weight:900;line-height:1.1;letter-spacing:-.04em}.karpo-metric small{font-size:10px;color:#b29aa8}@media(max-width:650px){.karpo-metrics{gap:12px}.karpo-metric{padding:16px 14px}}@media(prefers-reduced-motion:reduce){.karpo-metric{transition:none}.karpo-metric:hover{transform:none}}

/* Real Karpo account and grouped creative work */
.karpo-title-sub{display:block;margin-top:6px;font:inherit}.karpo-work-gallery{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;align-items:start;margin-top:26px}.karpo-work-gallery figure{margin:0;min-width:0}.karpo-account-preview .sigma-phone-screen{aspect-ratio:9/19;background:#fff}.karpo-account-preview img{width:100%;height:100%;object-fit:contain;display:block}.karpo-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.karpo-work-grid figure>img,.karpo-work-link>img{width:100%;height:180px;object-fit:contain;background:#fff;display:block;border:3px solid #eee7ec;border-radius:12px;box-sizing:border-box}.karpo-work-gallery figcaption{font-size:10px;line-height:1.7;color:#e7c4d9;text-align:center;margin-top:9px}.karpo-work-link{position:relative;display:block}.karpo-link-hint{position:absolute;bottom:7px;right:7px;background:#111d;color:var(--pink);font-size:8px;line-height:1;padding:5px 6px;border-radius:5px}.karpo-work-link:hover .karpo-link-hint{background:var(--pink);color:#111}@media(max-width:650px){.karpo-work-gallery{gap:16px}.karpo-work-grid{gap:14px 10px}.karpo-work-grid figure>img,.karpo-work-link>img{height:160px}.karpo-work-gallery figcaption{font-size:9px}}

/* Unframed work across the entire bottom of the Karpo project */
#project-karpo .karpo-work-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 4fr;gap:22px;margin-top:0;align-items:start}#project-karpo .karpo-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}#project-karpo .karpo-account-preview .sigma-phone{border:0;box-shadow:none;border-radius:0;background:transparent;padding:0}#project-karpo .karpo-account-preview .sigma-phone:before{display:none}#project-karpo .karpo-account-preview .sigma-phone-screen{aspect-ratio:auto;border-radius:0;background:transparent}#project-karpo .karpo-work-gallery img{width:100%;height:clamp(220px,25vw,390px);object-fit:contain;object-position:top;background:transparent;border:0;border-radius:0;box-shadow:none}#project-karpo .karpo-work-gallery figcaption{font-size:12px;margin-top:12px}#project-karpo .karpo-work-link{background:transparent}@media(max-width:650px){#project-karpo .karpo-work-gallery{grid-template-columns:1fr;gap:22px}#project-karpo .karpo-account-preview{max-width:200px;margin:auto}#project-karpo .karpo-work-grid{grid-template-columns:1fr 1fr;gap:20px 16px}#project-karpo .karpo-work-gallery img{height:250px}}

/* Equal-height artwork row, phone frame retained for the official account */
#project-karpo .karpo-work-gallery{--karpo-art-height:clamp(230px,25vw,390px);grid-template-columns:1fr 5fr;gap:20px}#project-karpo .karpo-work-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}#project-karpo .karpo-work-gallery img{height:var(--karpo-art-height);object-fit:contain;object-position:center}#project-karpo .karpo-account-preview .sigma-phone{height:var(--karpo-art-height);box-sizing:border-box;position:relative;border:2px solid #727075;border-radius:25px;background:#060606;padding:10px 6px 12px;box-shadow:0 0 0 2px #242226}#project-karpo .karpo-account-preview .sigma-phone:before{display:block;height:7px;top:5px;width:35%}#project-karpo .karpo-account-preview .sigma-phone-screen{height:100%;aspect-ratio:auto;border-radius:17px;background:#fff;overflow:hidden}#project-karpo .karpo-account-preview .sigma-phone-screen img{height:100%;width:100%;object-fit:contain}#project-karpo .karpo-map-item{grid-column:5}#project-karpo .karpo-work-gallery figcaption{margin:12px 0 0;line-height:1.7;min-height:40px}@media(max-width:650px){#project-karpo .karpo-work-gallery{grid-template-columns:1fr;--karpo-art-height:250px}#project-karpo .karpo-work-grid{grid-template-columns:1fr 1fr;gap:20px 16px}#project-karpo .karpo-map-item{grid-column:1/-1;max-width:160px;justify-self:center}#project-karpo .karpo-account-preview{width:150px}}

#project-karpo .karpo-reach-highlight{color:var(--pink)}

/* Single aligned creative row with one grouped Singapore activity column */
#project-karpo .karpo-work-gallery{--karpo-art-height:clamp(250px,26vw,410px);align-items:start;gap:20px}#project-karpo .karpo-work-grid{align-items:start;gap:20px}#project-karpo .karpo-work-grid figure>img,#project-karpo .karpo-work-link>img{height:var(--karpo-art-height);width:100%;object-fit:contain;object-position:center;background:#fff;border:0;border-radius:0}#project-karpo .karpo-work-link{height:var(--karpo-art-height)}#project-karpo .karpo-account-preview .sigma-phone{border-radius:30px;padding:10px 7px 13px;box-shadow:0 0 0 2px #242226,5px 7px 0 #efa1cd12}#project-karpo .karpo-account-preview .sigma-phone-screen{border-radius:22px}#project-karpo .karpo-account-preview .sigma-phone-screen img{object-fit:cover;object-position:top}#project-karpo .karpo-singapore-stack{height:var(--karpo-art-height);display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}#project-karpo .karpo-singapore-stack img{height:100%;min-height:0;width:100%;object-fit:contain;background:transparent}#project-karpo .karpo-singapore-group figcaption span{font-size:10px;color:#bca2b1}#project-karpo .karpo-work-gallery figcaption{margin-top:14px;min-height:42px;line-height:1.7}@media(max-width:650px){#project-karpo .karpo-work-gallery{--karpo-art-height:250px}.karpo-singapore-group{grid-column:auto}}

.project-category .spread-right .core-case-copy article h3{font-size:19px;font-weight:750;line-height:1.5;color:var(--pink);margin:0 0 12px}
/* Consistent framed work gallery */
#project-karpo .karpo-work-gallery .sigma-phone{height:var(--karpo-art-height);box-sizing:border-box;position:relative;border:2px solid #727075;border-radius:30px;background:#060606;padding:10px 7px 13px;box-shadow:0 0 0 2px #242226,5px 7px 0 #efa1cd12;transition:transform .25s ease,box-shadow .25s ease}
#project-karpo .karpo-work-gallery .sigma-phone:before{display:block;position:absolute;content:"";height:7px;top:5px;left:32.5%;width:35%;background:#060606;border-radius:0 0 8px 8px;z-index:2}
#project-karpo .karpo-work-gallery .sigma-phone-screen{height:100%;aspect-ratio:auto;border-radius:22px;background:#fff;overflow:hidden}
#project-karpo .karpo-work-gallery .sigma-phone-screen>img{height:100%;width:100%;object-fit:contain;object-position:center;background:#fff}
#project-karpo .karpo-work-gallery .karpo-singapore-stack{height:100%;gap:6px;background:#fff;padding:8px 0;box-sizing:border-box}
#project-karpo .karpo-work-gallery .karpo-singapore-stack img{height:100%;min-height:0;object-fit:contain;background:#fff}
.project-spreads img[data-zoom]{cursor:zoom-in;transition:filter .25s ease}
#project-karpo .sigma-phone:hover{transform:translateY(-5px);box-shadow:0 0 0 2px #66505e,5px 10px 18px #efa1cd25}
.project-spreads img[data-zoom]:hover{filter:brightness(1.06)}
.image-viewer{width:94vw;height:92vh;max-width:none;max-height:none;padding:0;border:1px solid #705363;border-radius:16px;background:#111;color:white;overflow:hidden}
.image-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}
.image-viewer-tools{height:58px;display:flex;align-items:center;justify-content:center;gap:12px;background:#181418;border-bottom:1px solid #49323f}
.image-viewer-tools button,.image-original-link{border:1px solid #795267;background:#231b21;color:#ffc4e6;padding:8px 12px;border-radius:8px;cursor:pointer;font:inherit;text-decoration:none;font-size:14px}
.image-viewer-stage{height:calc(100% - 58px);overflow:auto;display:block;touch-action:pan-x pan-y}
.image-viewer-stage img{display:block;max-width:none;object-fit:contain;margin:20px auto;user-select:none}
@media(prefers-reduced-motion:reduce){#project-karpo .sigma-phone,.project-spreads img[data-zoom]{transition:none}}
/* Quiet water motion behind the cover artwork */
.cover-water{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cover-water svg{width:115%;height:115%;margin:-4% -7%;fill:none;stroke:#ed9ac7;stroke-width:1.4;opacity:.14}
.water-contours{transform-origin:center;animation:cover-water-drift 22s ease-in-out infinite alternate}
.water-ripples{transform-origin:1150px 390px;opacity:.55;animation:cover-water-ripple 18s ease-in-out infinite}
@keyframes cover-water-drift{0%{transform:translate(-22px,10px) rotate(-2deg)}100%{transform:translate(28px,-18px) rotate(2deg)}}
@keyframes cover-water-ripple{0%,100%{transform:scale(.92);opacity:.25}50%{transform:scale(1.1);opacity:.65}}
@media(prefers-reduced-motion:reduce){.water-contours,.water-ripples{animation:none}}
/* Subtle texture and lift on the introduction page */
.bio-reference{position:relative;isolation:isolate}
.bio-reference:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat}
.bio-ref-advantages .advantage-item{position:relative;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease;border-radius:12px}
@media(hover:hover){.bio-ref-advantages .advantage-item:hover{transform:translateY(-4px);background-color:#f2a2cf0a;box-shadow:0 12px 24px #0002,0 0 18px #e99cc315}}
@media(prefers-reduced-motion:reduce){.bio-ref-advantages .advantage-item{transition:none}.bio-ref-advantages .advantage-item:hover{transform:none}}
/* Natural underwater light, softly visible on black */
.cover-water .cover-caustics{display:block;width:100%;height:100%;opacity:.2;mix-blend-mode:screen}
/* Diffuse slow light and local pointer ripples on the cover only */
.cover-water .cover-caustics{opacity:.22;filter:blur(9px);transform:scale(1.06)}
.cover-pointer-glow{position:absolute;left:0;top:0;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#ffe3f63a 0,#f0aad81c 22%,transparent 70%);pointer-events:none;z-index:8;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s}
.cover-click-ripple{position:absolute;width:14px;height:14px;margin:-7px;border:1px solid #f4b4d864;border-radius:50%;box-shadow:0 0 8px #f3c0dc25,inset 0 0 8px #f3c0dc20;pointer-events:none;z-index:8;animation:cover-click-wave 1.7s ease-out forwards}
.cover-click-ripple:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid #ffe4f43a}
@keyframes cover-click-wave{0%{transform:scale(1);opacity:.65}100%{transform:scale(9);opacity:0}}
@media(prefers-reduced-motion:reduce){.cover-click-ripple{animation-duration:.4s}.cover-pointer-glow{transition:none}}
/* Breathing light, a fading pointer trail and irregular ripples */
.cover-water .cover-caustics{animation:cover-water-breathe 16s ease-in-out infinite}
@keyframes cover-water-breathe{0%,100%{opacity:.17;filter:blur(10px)}50%{opacity:.28;filter:blur(8px)}}
.cover-pointer-glow{width:66px;height:66px;background:radial-gradient(circle,#ffe9f540 0,#f0bad820 25%,transparent 72%)}
.cover-glow-trail{position:absolute;width:46px;height:46px;margin:-23px;z-index:7;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffe5f42a,#efb7d514 32%,transparent 72%);animation:cover-trail-fade .8s ease-out forwards}
@keyframes cover-trail-fade{from{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}
.cover-click-ripple{width:28px;height:24px;margin:-12px -14px;border-color:#f4c4df55;filter:blur(.65px);background:radial-gradient(ellipse,transparent 42%,#f5c8e216 65%,transparent 76%);animation:cover-organic-wave 2s ease-out forwards}
.cover-click-ripple:after{inset:4px 2px;border-radius:59% 41% 55% 45% / 40% 60% 44% 56%;border-color:#ffe4f42a}
@keyframes cover-organic-wave{0%{transform:rotate(var(--ripple-turn)) scale(.5);opacity:.1;border-radius:47% 53% 39% 61% / 56% 41% 59% 44%}45%{border-radius:58% 42% 54% 46% / 43% 57% 40% 60%;opacity:.05}100%{transform:rotate(calc(var(--ripple-turn) + 15deg)) scale(5);opacity:0;border-radius:43% 57% 48% 52% / 54% 46% 58% 42%}}
@media(prefers-reduced-motion:reduce){.cover-water .cover-caustics{animation:none}.cover-click-ripple{animation-duration:.4s}}
.hover-sound-toggle{display:block;margin:8px 0 18px auto;padding:6px 11px;border:1px solid #e7acc541;border-radius:20px;background:#171217;color:#d5b9c8;font:inherit;font-size:11px;cursor:pointer;transition:background .2s}
.hover-sound-toggle:hover{background:#32212c}
.cover-click-ripple{border-color:#f4c4df24;background:radial-gradient(ellipse,transparent 42%,#f5c8e209 65%,transparent 76%);box-shadow:0 0 8px #f3c0dc0a,inset 0 0 8px #f3c0dc08}
.cover-click-ripple:after{border-color:#ffe4f410}
.cover-water-video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) blur(2px);opacity:.12;mix-blend-mode:screen;animation:reference-water-breathe 18s ease-in-out infinite}
@keyframes reference-water-breathe{0%,100%{opacity:.09}50%{opacity:.15}}
@media(prefers-reduced-motion:reduce){.cover-water-video{animation:none}}
/* Sink the water texture into the black cover, with neutral highlights. */
.cover-reference .cover-water{background:#090909}
.cover-reference .cover-water .cover-water-video{filter:grayscale(100%) saturate(0) brightness(.65) contrast(1.1) blur(2px);mix-blend-mode:luminosity;opacity:.065;animation:reference-water-dark-breathe 18s ease-in-out infinite}
@keyframes reference-water-dark-breathe{0%,100%{opacity:.045}50%{opacity:.085}}
@media(prefers-reduced-motion:reduce){.cover-reference .cover-water .cover-water-video{animation:none}}
/* Larger, single-row results gallery with a pink exploration rail. */
#project-karpo .karpo-gallery-slider{display:block;grid-column:1/-1;width:100%;min-width:0;margin-top:24px;--karpo-phone-width:clamp(240px,24vw,330px);--karpo-art-height:clamp(490px,48vw,660px)}
#project-karpo .karpo-gallery-heading{margin:0 0 24px;color:var(--pink);font-size:25px;font-weight:750;text-align:left}
#project-karpo .karpo-gallery-track{display:flex;gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:7px 6px 18px;align-items:flex-start}
#project-karpo .karpo-gallery-track::-webkit-scrollbar{display:none}
#project-karpo .karpo-gallery-track:focus-visible{outline:1px solid var(--pink);outline-offset:3px}
#project-karpo .karpo-gallery-card{flex:0 0 var(--karpo-phone-width);width:var(--karpo-phone-width);max-width:none;margin:0;scroll-snap-align:start}
#project-karpo .karpo-gallery-slider .sigma-phone{height:var(--karpo-art-height);width:var(--karpo-phone-width);border-radius:38px;padding:13px 9px 16px}
#project-karpo .karpo-gallery-slider .sigma-phone-screen{border-radius:28px}
#project-karpo .karpo-gallery-slider .sigma-phone-screen>img{width:100%;height:100%;object-fit:cover;object-position:center;background:#fff}
#project-karpo .karpo-account-preview .sigma-phone-screen>img{object-position:top}
#project-karpo .karpo-script-item .sigma-phone-screen>img{object-fit:fill}
#project-karpo .karpo-ab-pair{flex-basis:calc(var(--karpo-phone-width)*2 + 26px);width:calc(var(--karpo-phone-width)*2 + 26px)}
#project-karpo .karpo-ab-phones{display:flex;gap:26px}
#project-karpo .karpo-gallery-slider figcaption{font-size:14px;line-height:1.7;min-height:24px;margin-top:18px;color:#e7c4d9}
#project-karpo .karpo-slider-controls{display:flex;gap:18px;align-items:center;margin:12px 6px 4px;color:#d8adc5;font-size:12px}
#project-karpo .karpo-slider-range{flex:1;min-width:0;height:20px;cursor:grab;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--pink)}
#project-karpo .karpo-slider-range::-webkit-slider-runnable-track{height:5px;background:#efa1cd35;border-radius:10px}
#project-karpo .karpo-slider-range::-webkit-slider-thumb{-webkit-appearance:none;width:62px;height:10px;margin-top:-2.5px;background:#efa1cd;border-radius:10px;box-shadow:0 0 12px #efa1cd35}
#project-karpo .karpo-slider-range::-moz-range-track{height:5px;background:#efa1cd35;border-radius:10px}
#project-karpo .karpo-slider-range::-moz-range-thumb{width:62px;height:10px;border:0;background:#efa1cd;border-radius:10px}
#project-karpo .karpo-slider-range:active{cursor:grabbing}
@media(max-width:650px){#project-karpo .karpo-gallery-slider{--karpo-phone-width:235px;--karpo-art-height:470px}#project-karpo .karpo-gallery-track{gap:20px}#project-karpo .karpo-ab-phones{gap:20px}#project-karpo .karpo-ab-pair{flex-basis:490px;width:490px}#project-karpo .karpo-gallery-heading{font-size:22px}}
/* Enlarge the artwork inside screenshots that contain baked-in white margins. */
#project-karpo .karpo-work-link .sigma-phone-screen>img{transform:scale(1.32)}
#project-karpo .karpo-gallery-card .sigma-phone-screen>img[src="assets/karpo-ai-poster.webp"]{transform:scale(1.25)}
/* Fit six physical phone frames in the initial desktop viewport. */
#project-karpo .karpo-gallery-slider{container-type:inline-size}
@media(min-width:901px){
#project-karpo .karpo-gallery-slider{--karpo-phone-width:calc((100cqw - 112px)/6);--karpo-art-height:calc((100cqw - 112px)/3)}
#project-karpo .karpo-gallery-track,#project-karpo .karpo-ab-phones{gap:20px}
#project-karpo .karpo-ab-pair{flex-basis:calc(var(--karpo-phone-width)*2 + 20px);width:calc(var(--karpo-phone-width)*2 + 20px)}
#project-karpo .karpo-gallery-slider .sigma-phone{border-radius:26px;padding:9px 6px 11px}
#project-karpo .karpo-gallery-slider .sigma-phone-screen{border-radius:19px}
#project-karpo .karpo-gallery-slider figcaption{font-size:12px}
}
/* Reduce selected screen artwork by 20% without changing the phone shells. */
#project-karpo .karpo-gallery-slider .karpo-gallery-card .sigma-phone-screen>img[data-frame-reduced]{transform:scale(var(--frame-image-scale));transform-origin:center center}
/* Fit the six selected original artworks completely, without distortion or clipping. */
#project-karpo .karpo-gallery-slider .karpo-gallery-card .sigma-phone-screen>img[data-frame-reduced]{transform:none;object-fit:contain;object-position:center;width:100%;height:100%;box-sizing:border-box;padding:5px;background:#fff}
#project-karpo .karpo-account-link .sigma-phone-screen>img{transform:none;object-fit:cover;object-position:top}
/* Exact screen fit for the selected five portraits, with no surrounding inset. */
#project-karpo .karpo-gallery-slider .karpo-gallery-card .sigma-phone-screen>img[data-phone-fit]{transform:none;width:100%;height:100%;object-fit:fill;padding:0;object-position:center}
#project-karpo .karpo-gallery-slider .sigma-phone-screen{position:relative}
/* Remove only the AI poster screenshot's white editor margin. */
#project-karpo .karpo-gallery-slider .karpo-gallery-card .sigma-phone-screen>img[src="assets/karpo-ai-poster.webp"][data-phone-fit]{position:absolute;left:-4.23%;top:-3.08%;width:111.44%;height:109.51%;max-width:none;object-fit:fill;transform:none;padding:0}
.tiffany-document{margin:24px 0 4px}
.newsletter-doc-card{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border:1px solid #efa1cd50;border-radius:16px;background:#ffffff05;color:inherit;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s}
.newsletter-doc-card>img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;border-radius:4px}
.newsletter-doc-info h4{font-size:19px;line-height:1.6;margin:12px 0 18px;color:#f4d6e7}
.newsletter-file-type{font-size:11px;color:#caa9bb;letter-spacing:1px}
.newsletter-open{font-size:12px;color:var(--pink)}
.newsletter-download{display:inline-block;margin-top:13px;font-size:12px;color:#d8b6ca;text-underline-offset:4px}
.newsletter-doc-card:hover{transform:translateY(-3px);background:#efa1cd0b;box-shadow:0 12px 26px #0002}
@media(max-width:650px){.newsletter-doc-card{gap:16px;padding:14px}.newsletter-doc-info h4{font-size:16px}}
@media(prefers-reduced-motion:reduce){.newsletter-doc-card{transition:none}.newsletter-doc-card:hover{transform:none}}
#project-tiffany .newsletter-doc-card{display:block;padding:18px}
.newsletter-preview-pages{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.newsletter-preview-pages figure{margin:0;min-width:0}
.newsletter-preview-pages img{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}
.newsletter-preview-pages figcaption{text-align:center;margin-top:8px;font-size:11px;color:#d3adbf}
#project-tiffany .newsletter-doc-info{margin-top:20px}
#project-tiffany .newsletter-doc-info h4{margin:8px 0 12px}
.newsletter-page-two{position:relative}
.newsletter-more{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) translateY(5px);padding:10px 16px;border:1px solid #eab4ce90;border-radius:25px;background:#171017d9;color:#ffe2f2;white-space:nowrap;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 5px 22px #0003}
.newsletter-page-two:hover .newsletter-more,.newsletter-doc-card:focus-visible .newsletter-more{opacity:1;transform:translate(-50%,-50%)}
@media(hover:none){.newsletter-more{opacity:1;top:auto;bottom:36px;transform:translateX(-50%);font-size:11px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.newsletter-more{transition:none}}
#project-tiffany .tiffany-company-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#project-tiffany .tiffany-company-header .project-module-title{margin:0;flex:1;min-width:0;font-size:clamp(26px,2.7vw,39px);line-height:1.35}
#project-tiffany .tiffany-company-header .logo-tiffany{flex:0 0 110px;width:110px;margin:0}
#project-tiffany .tiffany-company-header .logo-tiffany img{width:100%;height:auto;max-height:65px;display:block;object-fit:contain}
#project-tiffany .tiffany-newsletter-title{font-size:clamp(17px,1.7vw,23px);line-height:1.55;margin:0 0 22px;color:#f4d6e7}
@media(max-width:650px){#project-tiffany .tiffany-company-header{gap:12px}#project-tiffany .tiffany-company-header .logo-tiffany{flex-basis:90px;width:90px}#project-tiffany .tiffany-company-header .project-module-title{font-size:25px}}
#project-tiffany .tiffany-company-header .project-module-title{color:var(--pink)}
#project-tiffany .tiffany-outcomes{position:relative;margin:38px 0 28px;padding:26px 0 0}
#project-tiffany .tiffany-outcomes>h3{font-size:23px;line-height:1.4;margin:0 0 18px;color:var(--pink);font-weight:750}
#project-tiffany .tiffany-outcomes .spread-points{margin:0;padding:0;line-height:1.9}
#project-tiffany .tiffany-work-arrow{position:absolute;width:110px;height:64px;left:-132px;top:48px;color:var(--pink);transform:rotate(-7deg);overflow:visible}
@media(max-width:900px){#project-tiffany .tiffany-work-arrow{position:static;display:block;width:80px;height:48px;margin:0 0 12px;transform:rotate(8deg)}#project-tiffany .tiffany-outcomes{margin-top:24px;padding-top:0}}
/* Match MachinePulse typography and align the two column footers. */
#project-tiffany .tiffany-company-header .project-module-title{color:#f6edf2;font-size:clamp(26px,3vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.02em}
#project-tiffany .tiffany-newsletter-title{color:var(--pink);font-size:19px;font-weight:800;line-height:1.6}
@media(min-width:901px){
#project-tiffany{align-items:stretch}
#project-tiffany>.spread-left,#project-tiffany>.spread-right{display:flex;flex-direction:column;min-width:0}
#project-tiffany .tiffany-document{margin-bottom:0}
#project-tiffany .newsletter-download{margin-bottom:0;padding-bottom:7px;line-height:1.5}
#project-tiffany .core-back{margin-top:auto;padding-top:20px;line-height:1.5;align-self:flex-start}
#project-tiffany .tiffany-work-arrow{left:calc(-132px + 1cm)}
}
@media(max-width:650px){#project-tiffany .tiffany-company-header .project-module-title{font-size:28px}}

/* Aligned consulting evidence and outcome panels. */
#project-tiffany .core-case-copy article h3,#project-tiffany .tiffany-outcomes>h3,#project-iresearch .core-case-copy article h3,#project-iresearch .iresearch-outcomes>h3{font-size:19px;font-weight:750;line-height:1.4;color:var(--pink)}
.iresearch-company-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.iresearch-company-header .project-logo{margin:0;width:110px;flex-shrink:0}.iresearch-company-header .project-logo img{max-height:65px;width:100%;object-fit:contain}
.iresearch-document-title{color:var(--pink);font-size:19px;font-weight:800;line-height:1.6;margin:0 0 18px}
#project-iresearch .newsletter-doc-card{display:block;padding:20px}#project-iresearch .newsletter-preview-pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#project-iresearch .newsletter-doc-info{margin-top:14px}
.iresearch-outcomes{position:relative;margin:38px 0 28px;padding-top:26px}.iresearch-outcomes>h3{margin:0 0 18px}.iresearch-outcomes .spread-points{padding:0;margin:0 0 20px;line-height:1.9}.iresearch-work-arrow{position:absolute;width:110px;height:64px;left:calc(-132px + 1cm);top:48px;color:var(--pink);transform:rotate(-7deg);overflow:visible}.iresearch-cost-card{max-width:290px}.iresearch-cost-card strong{font-size:48px}
@media(min-width:901px){#project-iresearch{align-items:stretch}#project-iresearch>.spread-left,#project-iresearch>.spread-right{display:flex;flex-direction:column}#project-iresearch .core-back{margin-top:auto;padding-top:20px;line-height:1.5;align-self:flex-start}#project-iresearch .iresearch-document{margin-top:auto}#project-iresearch .newsletter-download{padding-bottom:7px;line-height:1.5}}
@media(max-width:900px){.iresearch-work-arrow{position:static;display:block;width:80px;height:48px;margin:0 0 12px;transform:rotate(8deg)}.iresearch-outcomes{margin-top:24px;padding-top:0}}

/* Full-width vertical report previews. */
#project-iresearch .newsletter-preview-pages{grid-template-columns:minmax(0,1fr);gap:22px}#project-iresearch .newsletter-preview-pages img{width:100%;height:auto;object-fit:contain}#project-iresearch .iresearch-document{width:100%;margin-top:0}#project-iresearch .newsletter-doc-card{width:100%;box-sizing:border-box}

/* Compact stacked previews with a shared column baseline. */
#project-iresearch .newsletter-preview-pages{gap:10px;justify-items:center}
#project-iresearch .newsletter-preview-pages figure{width:72%;max-width:320px}
#project-iresearch .newsletter-preview-pages figcaption{margin-top:4px}
#project-iresearch .newsletter-doc-card{padding:14px}
@media(min-width:901px){#project-iresearch>.spread-left,#project-iresearch>.spread-right{min-width:0}#project-iresearch .iresearch-document{margin-top:auto}#project-iresearch .newsletter-download{display:block;margin-bottom:0}#project-iresearch .core-back{margin-bottom:0}}
@media(max-width:650px){#project-iresearch .newsletter-preview-pages figure{width:90%;max-width:320px}}

/* The same subtle cursor light now follows every portfolio section. */
.portfolio-pointer-glow,.portfolio-pointer-trail{position:fixed;z-index:10000;pointer-events:none}
@media(prefers-reduced-motion:reduce){.portfolio-pointer-trail{display:none}}

/* A smaller, more restrained cursor halo and trail. */
.portfolio-pointer-glow{width:44px;height:44px}
.portfolio-pointer-trail{width:30px;height:30px;margin:-15px}

#project-karpo .karpo-title-subline{display:block}

/* Unframed two-page consulting evidence. */
#project-iresearch .triptych-explanation{border-top:0}
#project-iresearch .spread-right{border-top:0}
#project-iresearch .newsletter-doc-card,#project-iresearch .newsletter-doc-card:hover{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}

/* Later projects follow SigmaZ's company-left, role-right hierarchy. */
.sigma-aligned-project .triptych-explanation{border-top:0;margin-top:0;padding-top:0}
.sigma-aligned-project .core-case-copy article h3{font-size:19px;font-weight:750;line-height:1.5;color:var(--pink);margin:0 0 12px}
.sigma-aligned-project .core-case-copy p{font-size:13px;line-height:1.95}
.sigma-aligned-project .core-case-meta{flex-direction:row;align-items:baseline;font-size:12px;gap:12px;margin-bottom:30px;min-height:0}
.sigma-aligned-project .project-module-title{color:#f6edf2;font-size:clamp(26px,3vw,42px);line-height:1.2;font-weight:800}
@media(max-width:650px){.sigma-aligned-project .core-case-meta{flex-wrap:wrap}}

/* Compact restored TradingBase project with a linked script preview. */
#project-trading{padding-top:32px;padding-bottom:32px}
#project-trading .spread-points{margin-bottom:18px;font-size:12px;line-height:1.8}
#project-trading .project-module-title{font-size:clamp(25px,2.5vw,34px);margin-bottom:18px}
.trading-script-card{display:block;position:relative;width:min(100%,300px);text-decoration:none;color:var(--pink)}
.trading-script-card h4{font-size:16px;line-height:1.5;margin:0 0 10px;font-weight:750}.trading-script-card h4 span{font-size:12px}
.trading-script-card img{display:block;width:100%;height:auto;border-radius:4px;transition:transform .25s,box-shadow .25s}
.trading-script-more{display:block;font-size:12px;margin-top:8px;color:var(--pink)}.trading-script-card:hover img{transform:translateY(-3px);box-shadow:0 8px 20px #efa1cd18}
#project-trading .spread-right{display:flex;flex-direction:column}#project-trading .core-back{margin-top:auto}
@media(prefers-reduced-motion:reduce){.trading-script-card img{transition:none}.trading-script-card:hover img{transform:none}}

/* Two compact culture projects share a spread, each with its own evidence. */
.gallery-swipe-hint{display:inline-block;margin-left:16px;font-size:12px;font-weight:400;color:#c8aabb;vertical-align:middle;letter-spacing:.02em}
#project-iresearch .newsletter-preview-pages figure{width:90%;max-width:400px}#project-iresearch .newsletter-preview-pages img{height:auto;object-fit:contain}
.culture-project-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:38px 5%;background:#111;color:#f6edf2}
.paired-project{min-width:0;display:flex;flex-direction:column;scroll-margin-top:30px}
.paired-project .project-module-title{font-size:clamp(24px,2.5vw,34px);font-weight:800;line-height:1.3;margin:0 0 22px;min-height:2.6em}
.paired-project .core-case-meta{font-size:12px;gap:12px;margin-bottom:24px;padding-bottom:18px}
.paired-project .core-case-copy article{margin-bottom:22px}.paired-project .core-case-copy h3{color:var(--pink);font-size:19px;font-weight:750;line-height:1.5}
.paired-project .core-case-copy p{font-size:13px;line-height:1.95;color:#ccc3c9}
.paired-project-metric{margin:0 0 24px;max-width:100%;padding:16px 20px}.paired-project-metric strong{font-size:42px}
.paired-project .trading-script-card,.yummy-document-card{width:100%;max-width:none;color:var(--pink);text-decoration:none;margin-top:auto}
.paired-project .trading-script-card img{width:100%;height:300px;object-fit:contain;object-position:left top}
.yummy-document-card h4{font-size:16px;margin:0 0 10px;line-height:1.5}.yummy-document-card h4 span{font-size:12px}
.yummy-document-card img{display:block;width:100%;height:300px;object-fit:contain;object-position:left top;border-radius:4px;transition:transform .25s}
.yummy-document-card>span{display:block;font-size:12px;margin-top:8px}.yummy-document-card:hover img{transform:translateY(-3px)}
.paired-project .core-back{align-self:flex-start;margin-top:22px}
@media(max-width:900px){.culture-project-pair{grid-template-columns:1fr;gap:42px}.paired-project .project-module-title{min-height:0}.gallery-swipe-hint{margin-left:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.yummy-document-card img{transition:none}.yummy-document-card:hover img{transform:none}}

/* Framed evidence, aligned project rows and pink hand-drawn separators. */
#project-iresearch .newsletter-doc-card,#project-iresearch .newsletter-doc-card:hover{border:1px solid #efa1cd50;border-radius:16px;background:#ffffff05;padding:18px;box-shadow:none}
#project-iresearch .newsletter-preview-pages{justify-items:start}#project-iresearch .newsletter-preview-pages figure{width:100%;max-width:none}
#project-iresearch .iresearch-work-arrow{left:-132px}
.yummy-document-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--pink)}.yummy-document-heading h4{font-size:16px;margin:0;line-height:1.5}.yummy-document-heading>a{font-size:12px;white-space:nowrap;color:var(--pink);text-decoration:none;border-bottom:1px solid #efa1cd60}
.paired-project .project-module-title{letter-spacing:-.02em;word-spacing:normal}
.project-category .project-spread,.culture-project-pair{position:relative;border-bottom:0;padding-bottom:65px}
.project-category .project-spread:after,.culture-project-pair:after{content:'♡';position:absolute;bottom:16px;left:4%;width:92%;height:24px;text-align:center;font-size:23px;line-height:24px;color:var(--pink);background:linear-gradient(var(--pink),var(--pink)) left center/44% 1px no-repeat,linear-gradient(var(--pink),var(--pink)) right center/44% 1px no-repeat;opacity:.72;pointer-events:none}
.culture-project-pair:before{content:'';position:absolute;top:38px;bottom:65px;left:50%;width:1px;background:#efa1cd55;pointer-events:none}
@media(min-width:901px){
.culture-project-pair{grid-template-rows:auto auto auto auto auto auto;column-gap:48px;row-gap:0;align-items:stretch}
.culture-project-pair>.paired-project{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-items:start}
.culture-project-pair>#project-trading{padding:0}
.paired-project .project-module-title{min-height:0;margin-top:0;margin-bottom:22px}
.paired-project .core-case-copy{display:grid;grid-template-rows:1fr 1fr;height:100%}
.paired-project .paired-project-metric{align-self:stretch;margin-top:0}
.paired-project .trading-script-card,.paired-project .yummy-document-wrap{margin-top:0;width:100%;align-self:start}
.paired-project .core-back{margin-top:22px;align-self:end}
}
@media(max-width:900px){.culture-project-pair:before{display:none}.culture-project-pair>#project-trading{padding:0}.culture-project-pair>#project-ninja{border-top:1px solid #efa1cd55;padding-top:32px}}
@media(max-width:900px){#project-iresearch .iresearch-work-arrow{position:static}}

/* A little more sea-blue presence in the slow cover water. */
.cover-reference .cover-water .cover-water-video{filter:saturate(.55) brightness(.8) contrast(1.05) blur(1.5px);mix-blend-mode:screen;opacity:.14;animation:reference-water-sea-breathe 18s ease-in-out infinite}
@keyframes reference-water-sea-breathe{0%,100%{opacity:.11}50%{opacity:.18}}
@media(prefers-reduced-motion:reduce){.cover-reference .cover-water .cover-water-video{animation:none;opacity:.14}}

/* Side-by-side actual business-plan and whitepaper previews. */
.yummy-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.yummy-preview-grid .yummy-document-card{margin:0;min-width:0}.yummy-preview-grid .yummy-document-card img{height:300px;width:100%;object-fit:contain;object-position:center top;background:#ffffff04}.yummy-preview-grid .yummy-document-card>span{font-size:12px;line-height:1.6}
@media(max-width:650px){.yummy-preview-grid{gap:12px}.yummy-preview-grid .yummy-document-card img{height:220px}}

/* Match iResearch typography and align the evidence/outcome bottoms. */
#project-iresearch .iresearch-document-title,#project-iresearch .core-case-copy article h3,#project-iresearch .iresearch-outcomes>h3{font-size:19px;font-weight:800;line-height:1.6;color:var(--pink)}
#project-iresearch .core-case-copy p,#project-iresearch .spread-points li{font-size:13px;line-height:1.95}
@media(min-width:901px){
#project-iresearch>.spread-left,#project-iresearch>.spread-right{display:flex;flex-direction:column;align-self:stretch}
#project-iresearch .iresearch-document{margin-top:auto}
#project-iresearch .iresearch-outcomes{margin-top:auto;margin-bottom:0;padding-top:26px}
#project-iresearch .iresearch-cost-card{margin-bottom:0}
#project-iresearch .newsletter-download,#project-iresearch .core-back{display:block;align-self:flex-start;margin:0;padding:20px 0 0;font-size:11px;line-height:18px}
}

.paired-project .trading-script-card img{object-fit:contain;object-position:left top;background:transparent}

/* Slower, bluer cover water and refined document/competition storytelling. */
.cover-reference .cover-water .cover-water-video{filter:saturate(.9) brightness(.9) contrast(1.05) blur(1.5px);animation:reference-water-sea-breathe 26s ease-in-out infinite}
@keyframes reference-water-sea-breathe{0%,100%{opacity:.16}50%{opacity:.24}}
.trading-script-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.paired-project .trading-script-showcase .trading-script-card{margin:0}.script-folder-composite{position:relative;width:100%;aspect-ratio:3/4}
.paired-project .trading-script-card .script-folder-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;box-shadow:none}
.paired-project .trading-script-card .script-folder-page{position:absolute;left:19%;top:26%;width:63%;height:57%;object-fit:fill;transform:rotate(8deg);border-radius:1px;box-shadow:0 3px 8px #0004}
.trading-script-example{font-size:12px;line-height:1.8;color:#d2cbd0}.trading-script-example h4{font-size:16px;line-height:1.5;color:var(--pink);margin:0 0 18px}.trading-script-example p{margin:0 0 12px}.trading-script-example blockquote{margin:0;color:#e5d1dc}
.loreal-company-header{display:flex;align-items:center;gap:20px}.loreal-company-header .project-module-title{flex:1}.loreal-company-header .project-logo{width:90px;flex-shrink:0;margin:0}.loreal-company-header img{width:100%;height:auto}
.loreal-project-tags{margin:22px 0 28px;display:flex;flex-wrap:wrap;gap:12px}.loreal-project-tags span,.loreal-design-tools span{border:1px solid #efa1cd60;border-radius:30px;padding:9px 14px;color:#e7bed5;font-size:12px}
.loreal-visual-module{border:1px solid #efa1cd45;border-radius:17px;padding:22px;margin-bottom:22px;background:#efa1cd05}.loreal-visual-module h3{color:var(--pink);font-size:19px;margin:0 0 18px}.loreal-design-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.loreal-visual-module p{font-size:13px;line-height:1.95;color:#ccc3c9;margin:0}
.loreal-feedback{margin-top:16px}.loreal-planning{padding-left:18px;margin:0;color:#ccc3c9;font-size:13px;line-height:1.95}.loreal-planning li{margin-bottom:14px}
@media(max-width:650px){.trading-script-showcase{grid-template-columns:1fr}.script-folder-composite{max-width:260px}.loreal-company-header{align-items:start}.loreal-company-header .project-logo{width:70px}}
@media(prefers-reduced-motion:reduce){.cover-reference .cover-water .cover-water-video{animation:none}}

.paired-project .trading-script-card .script-folder-page{object-fit:contain;background:#fff}

#project-loreal .loreal-document-preview{display:block;margin:0 0 22px;padding:14px}#project-loreal .loreal-document-preview img{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}#project-loreal .loreal-document-preview>span{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:var(--pink)}

/* Pale blue retained with the slower water playback. */
.cover-reference .cover-water .cover-water-video{filter:saturate(.55) brightness(.8) contrast(1.05) blur(1.5px);animation:reference-water-sea-breathe 26s ease-in-out infinite}
@keyframes reference-water-sea-breathe{0%,100%{opacity:.11}50%{opacity:.18}}
.trading-script-showcase{align-items:start}.script-folder-composite{aspect-ratio:auto;height:300px;width:100%;max-width:225px}
.paired-project .trading-script-card .script-folder-base{height:100%;width:100%;object-fit:fill;object-position:center}
.paired-project .trading-script-card .script-folder-page{left:21%;top:18%;width:61%;height:58%;transform:none;object-fit:contain;background:transparent;box-shadow:none}
.yummy-preview-grid .yummy-document-card img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center}
@media(min-width:901px){
.paired-project .trading-script-showcase,.paired-project .yummy-document-wrap{align-self:end}
.yummy-preview-grid{align-items:end}.yummy-preview-grid .yummy-document-card{display:flex;flex-direction:column;justify-content:flex-end}
.yummy-preview-grid .yummy-document-card img{height:300px;aspect-ratio:auto;object-fit:cover;object-position:top center}
.paired-project .trading-script-more,.yummy-preview-grid .yummy-document-card>span{line-height:19px;margin-top:8px}
}
@media(max-width:650px){.script-folder-composite{height:300px}.yummy-preview-grid .yummy-document-card img{height:auto;aspect-ratio:16/9}}

@media(min-width:901px){.yummy-preview-grid .yummy-document-card img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center}}

/* Education page certificate evidence */
.education-with-certificate{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(240px,.42fr);gap:clamp(28px,5vw,78px);align-items:end}
.education-copy{min-width:0}
.language-certificate{margin:0;justify-self:end;width:min(100%,310px)}
.language-certificate figcaption{color:var(--pink);font-size:20px;font-weight:800;line-height:1.45;margin:0 0 16px}
.language-certificate img{display:block;width:100%;height:auto;background:#fff;border:1px solid #efa1cd55;box-shadow:0 0 0 1px #fff1,0 18px 38px #0007}
.education-with-certificate .education-copy h3{font-size:24px}.education-with-certificate .education-copy p{font-size:14px;line-height:2}
@media(max-width:900px){.education-with-certificate{grid-template-columns:1fr}.language-certificate{justify-self:start;width:min(100%,340px)}}

.runway-title-row{display:flex;align-items:center;gap:18px;margin:18px 0 40px}.runway-title-row h2{color:var(--pink);font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1.2;margin:0}.runway-instagram{width:44px;height:44px;border:1px solid #efa1cd66;border-radius:12px;display:grid;place-items:center;color:var(--pink);transition:background .2s,color .2s,transform .2s}.runway-instagram svg{width:25px;height:25px}.runway-instagram:hover{background:#efa1cd;color:#111;transform:translateY(-2px)}
.closing{padding:38px 30px 42px}.closing .kicker,.closing>a{display:none}.closing h2{font-size:clamp(32px,4vw,46px);margin:0 0 24px}.closing>div:last-child{margin-top:0;font-size:20px;gap:58px;border-top:2px solid #111;padding-top:22px}.closing>div:last-child a:first-child{font-weight:750}footer{justify-content:center;text-align:center}footer span{font-size:13px}footer a,footer span:not(:first-child){display:none}
@media(max-width:650px){.runway-title-row{gap:12px;margin-bottom:28px}.runway-instagram{width:38px;height:38px}.runway-instagram svg{width:22px;height:22px}.closing{padding:32px 20px}.closing>div:last-child{gap:18px;font-size:15px;flex-direction:column}}

/* Complete script sheet and static paired document headings. */
.paired-project .trading-script-card .script-folder-page{left:19%;top:14%;width:66%;height:68%;object-fit:contain;transform:none;background:#fff}
.yummy-document-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:baseline}.yummy-document-heading h4{color:var(--pink);font-size:16px;font-weight:750;line-height:1.5}
.yummy-app-showcase{margin:22px 0 0}.yummy-app-showcase img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:901px){.paired-project .yummy-document-wrap,.paired-project .trading-script-showcase{align-self:end}.script-folder-composite{height:380px;max-width:270px}}

/* HerSafety live site preview, features and supporting screens. */
.hersafety-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 14px}.hersafety-preview-heading h4{margin:0;font-size:19px;color:var(--pink)}.hersafety-site-button{font-size:12px;color:var(--pink);text-decoration:none;border:1px solid #efa1cd60;border-radius:28px;padding:9px 15px;white-space:nowrap;transition:background .2s}.hersafety-site-button:hover{background:#efa1cd15}
.hersafety-home-preview{display:block;text-decoration:none;color:var(--pink)}.hersafety-home-preview img{display:block;width:100%;height:auto;border:1px solid #efa1cd45;border-radius:12px;transition:transform .25s}.hersafety-home-preview:hover img{transform:translateY(-3px)}.hersafety-home-preview>span{display:block;font-size:12px;margin-top:10px}
.hersafety-features{margin-top:28px}.hersafety-features>h3{font-size:19px;font-weight:750;color:var(--pink);margin:0 0 18px}.hersafety-features article{margin-bottom:18px}.hersafety-features h4{font-size:15px;color:#ebc8dc;margin:0 0 7px}.hersafety-features p{font-size:13px;line-height:1.95;color:#ccc3c9;margin:0}
.hersafety-feature-images{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:22px;margin-top:8px;align-items:start}.hersafety-feature-images figure{margin:0;min-width:0}.hersafety-feature-images img{display:block;width:100%;height:auto;border:1px solid #efa1cd45;border-radius:10px}.hersafety-feature-images figcaption{font-size:12px;color:#d5b8c8;margin-top:10px}
@media(max-width:650px){.hersafety-feature-images{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.hersafety-home-preview img{transition:none}.hersafety-home-preview:hover img{transform:none}}

/* Enlarge the consulting outcomes to occupy the open right column. */
#project-iresearch .iresearch-outcomes>h3{font-size:clamp(24px,2.2vw,30px);line-height:1.5;margin-bottom:24px}
#project-iresearch .iresearch-outcomes .spread-points li{font-size:clamp(17px,1.55vw,21px);line-height:1.9;margin:13px 0;gap:12px}
#project-iresearch .iresearch-outcomes .spread-points li:before{font-size:15px}
#project-iresearch .iresearch-outcomes .spread-points{margin-bottom:28px}
#project-iresearch .iresearch-cost-card{max-width:420px;width:100%;box-sizing:border-box;padding:25px 24px;gap:14px}
#project-iresearch .iresearch-cost-card>span{font-size:17px;line-height:1.5}
#project-iresearch .iresearch-cost-card strong{font-size:clamp(58px,5vw,72px)}
#project-iresearch .iresearch-cost-card small{font-size:13px;line-height:1.5}
@media(max-width:650px){#project-iresearch .iresearch-outcomes>h3{font-size:24px}#project-iresearch .iresearch-outcomes .spread-points li{font-size:17px}#project-iresearch .iresearch-cost-card{max-width:none}}

/* One size step down across the consulting outcome block. */
#project-iresearch .iresearch-outcomes>h3{font-size:clamp(22px,2vw,28px)}
#project-iresearch .iresearch-outcomes .spread-points li{font-size:clamp(15px,1.4vw,19px)}
#project-iresearch .iresearch-outcomes .spread-points li:before{font-size:13px}
#project-iresearch .iresearch-cost-card>span{font-size:15px}
#project-iresearch .iresearch-cost-card strong{font-size:clamp(54px,4.7vw,68px)}
#project-iresearch .iresearch-cost-card small{font-size:11px}
@media(max-width:650px){#project-iresearch .iresearch-outcomes>h3{font-size:22px}#project-iresearch .iresearch-outcomes .spread-points li{font-size:15px}}

/* Raise and enlarge the script spread to balance the Yummy evidence. */
@media(min-width:901px){
.paired-project .trading-script-showcase{align-self:stretch;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.paired-project .trading-script-showcase .trading-script-card{width:100%;max-width:none}
.script-folder-composite{height:clamp(480px,40vw,650px);max-width:none;width:100%}
.trading-script-example{font-size:15px;line-height:1.95}
.trading-script-example h4,.trading-script-showcase .trading-script-card h4{font-size:18px;line-height:1.5;margin:0 0 18px}
.trading-script-example p{margin-bottom:18px}
.paired-project .trading-script-showcase .trading-script-more{margin-top:12px}
}

/* Editorial fashion showcase following the preserved social section. */
.runway-showcase{padding:58px 5% 64px;background:#111;color:#f6edf2;scroll-margin-top:24px}.runway-showcase>.kicker{color:#c5a9ba}.runway-showcase>h2{color:var(--pink);font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1.2;margin:18px 0 40px}
.runway-group{margin:0 0 42px}.runway-group:last-child{margin-bottom:0}.runway-group>header{display:flex;align-items:baseline;gap:16px;margin:0 0 20px;border-bottom:1px solid #efa1cd40;padding-bottom:14px}.runway-group>header>span{font-size:12px;color:#bb96aa}.runway-group h3{font-size:24px;color:var(--pink);font-weight:750;margin:0}
.runway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.runway-grid figure{margin:0;min-width:0}.runway-grid img{display:block;width:100%;height:clamp(350px,40vw,590px);object-fit:contain;object-position:center;background:#191419;transition:transform .25s,box-shadow .25s;cursor:zoom-in}.runway-grid img:hover{transform:translateY(-4px);box-shadow:0 14px 28px #efa1cd15}.runway-grid figcaption{font-size:11px;color:#c1a8b7;margin-top:12px}
@media(max-width:650px){.runway-showcase{padding:36px 23px 44px}.runway-grid{grid-template-columns:1fr;gap:24px}.runway-grid img{height:auto;max-height:700px}.runway-group{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.runway-grid img{transition:none}.runway-grid img:hover{transform:none}}

/* Four clickable account previews and personal RedNote growth. */
#chapter-05 .social-heading{display:block;margin-bottom:32px}
#chapter-05 .social-phone-accounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.social-phone-account{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;min-width:0}.social-phone-account h3{font-size:16px;line-height:1.5;margin:0 0 18px;text-align:center;min-height:3em}
.social-account-phone{position:relative;width:100%;max-width:235px;aspect-ratio:9/18;border:3px solid #706a70;border-radius:34px;background:#080808;padding:11px;box-shadow:6px 8px 0 #201b20;transition:transform .25s;box-sizing:border-box}.social-account-phone:before{content:'';position:absolute;left:33%;top:9px;width:34%;height:11px;background:#080808;border-radius:0 0 10px 10px;z-index:2;pointer-events:none}.social-account-screen{height:100%;width:100%;overflow:hidden;border-radius:23px;background:white}.social-account-screen img{width:100%;height:100%;display:block;object-fit:contain;object-position:top center}.social-phone-account:hover .social-account-phone{transform:translateY(-5px)}.social-phone-account>span{margin-top:20px;font-size:12px;color:#ac427d}
.personal-xhs-proof{margin-top:45px}.personal-xhs-proof h3{font-size:24px;margin:0 0 24px;color:var(--pink)}.personal-xhs-preview{display:block;text-decoration:none;max-width:320px;justify-self:center;color:var(--pink)}.personal-xhs-proof .personal-xhs-preview img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:12px}.personal-xhs-preview>span{display:block;font-size:12px;margin-top:12px}.personal-xhs-proof a.case-link{display:inline-block;color:inherit;border-bottom:1px solid currentColor;text-decoration:none;margin-top:14px;padding-bottom:7px}
.runway-showcase{padding:38px 5% 44px}.runway-showcase>h2{font-size:clamp(32px,4vw,48px);margin-bottom:28px}.runway-group{margin-bottom:28px}.runway-grid{max-width:1000px;margin:0 auto;gap:20px}.runway-grid img{height:clamp(280px,31vw,420px)}.runway-group h3{font-size:21px}
@media(max-width:900px){#chapter-05 .social-phone-accounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:650px){.social-phone-account h3{font-size:14px}.social-account-phone{border-radius:28px;padding:8px}.social-account-screen{border-radius:18px}.runway-grid img{height:auto;max-height:520px}.personal-xhs-proof h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.social-account-phone{transition:none}.social-phone-account:hover .social-account-phone{transform:none}}