:root{--rose:#b9435b;--ink:#29262a;--muted:#80787e;--line:#e6dfe3;--paper:#fdfbfc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:5px}header{position:sticky;top:16px;z-index:20;margin:16px 6% 0;background:#ffffffdb;backdrop-filter:blur(20px);border:1px solid #eee8eb;border-radius:50px;display:flex;justify-content:space-between;align-items:center;padding:19px 30px;box-shadow:0 8px 30px #63425708}.logo{font:italic 29px Georgia,serif;letter-spacing:-1px}.logo span{font:12px -apple-system,sans-serif;letter-spacing:2px;margin-left:18px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:var(--rose)}.home{min-height:calc(100svh - 85px);position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:65px 8% 100px;background:radial-gradient(ellipse at 83% 30%,#f6dfe84d,transparent 60%)}.eyebrow{font-size:10px;color:var(--rose);letter-spacing:2px;font-weight:600}.hello{font-size:17px;margin-top:30px}h1{font-size:clamp(35px,4.1vw,64px);font-weight:550;line-height:1.45;letter-spacing:-2px;margin:20px 0 25px}h1 span{color:var(--rose)}.bio{font-size:14px;line-height:2;color:var(--muted);max-width:530px}.link{display:inline-block;margin-top:20px;font-size:13px;border-bottom:1px solid var(--rose);padding-bottom:9px}.home-show{max-width:100%;min-width:0}.rail{display:flex;flex-direction:column;gap:12px;height:535px;justify-content:center}.rail button{padding:0;border:0;background:#eee;position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px;transition:flex .55s,transform .55s;box-shadow:0 7px 30px #43233410}.rail button.active{flex:4.4;transform:scale(1.04);z-index:2}.rail img{width:100%;height:100%;object-fit:cover;display:block}.rail button span{position:absolute;left:17px;bottom:13px;color:white;font-size:12px;text-shadow:0 1px 5px black;background:#22162266;padding:6px 10px;border-radius:5px}.rail-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:24px;gap:15px}.rail-caption button{background:none;border:0;color:var(--rose)}.scroll{position:absolute;bottom:25px;left:8%;font-size:10px;letter-spacing:2px;color:var(--muted)}.overview,.career{padding:100px 8%;}.overview{background:#f6eef2}.section-heading h2{font-size:clamp(29px,3.2vw,46px);line-height:1.5;font-weight:500;letter-spacing:-1px;margin:20px 0}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}.strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.strengths article{border-top:1px solid #d9bdc9;padding-top:24px}.strengths article>span{color:var(--rose);font-size:11px}.strengths h3{font-size:23px;font-weight:500;margin-top:22px}.strengths p{font-size:14px;line-height:1.9;color:var(--muted)}.strengths strong{display:block;font-size:44px;font-weight:400;margin-top:35px;color:var(--rose)}.strengths small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.role{display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;align-items:center;margin-top:85px}.role:nth-child(even) .role-copy{order:2}.role:nth-child(even) .role-image{order:1}.role-copy .date{font-size:11px;color:var(--rose);letter-spacing:1px}.role-copy h3{font-size:32px;line-height:1.5;font-weight:500;margin:17px 0}.role-copy p{line-height:1.9;color:var(--muted);font-size:14px}.role-copy .represent{color:var(--ink);font-size:12px;line-height:1.9}.role button{background:none;border:0;padding:0;text-align:left}.role-image{width:100%;height:330px;position:relative}.role-image img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 16px 45px #543d4b15;transition:transform .5s}.role-image:hover img{transform:translateY(-6px)}.role-image span{position:absolute;bottom:18px;right:18px;background:white;padding:12px 18px;border-radius:30px;font-size:12px}.role-open{color:var(--rose)!important;border-bottom:1px solid var(--rose)!important;padding-bottom:8px!important;margin-top:15px}footer{padding:60px 8%;background:#f4edf1;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}dialog{width:95vw;max-width:1200px;max-height:94dvh;border:0;background:var(--paper);color:var(--ink);border-radius:20px;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#211823b3;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.close{position:sticky;float:right;top:17px;right:18px;margin:17px;z-index:15;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;font-size:27px}#role-header{padding:38px 6% 0}#role-header h2{font-size:32px;font-weight:500;margin:15px 0}#role-header p{color:var(--muted);font-size:14px}.coverflow{height:355px;position:relative;perspective:1000px;overflow:hidden;margin-top:30px}.flow-card{position:absolute;width:260px;height:325px;left:calc(50% - 130px);top:5px;padding:0;border:0;border-radius:18px;overflow:hidden;transition:transform .5s,opacity .5s;box-shadow:0 18px 35px #301c2b24;background:#eee}.flow-card img{width:100%;height:100%;object-fit:cover}.flow-card span{position:absolute;inset:auto 0 0;padding:50px 18px 20px;background:linear-gradient(transparent,#1e1424d9);color:white;text-align:left;font-size:18px;line-height:1.5}.flow-controls{display:flex;gap:30px;justify-content:center;align-items:center;margin:14px 0}.flow-controls button{border:1px solid var(--line);width:38px;height:38px;border-radius:50%;background:white}.flow-controls span{font:15px Georgia,serif}#project-preview{text-align:center;padding:5px 8% 35px}#project-preview h3{font-size:23px;font-weight:500}#project-preview p{font-size:13px;color:var(--muted);line-height:1.8}#project-preview button{background:var(--rose);border:0;color:white;border-radius:30px;padding:13px 26px;margin-top:10px}.detail-head{padding:45px 6% 25px}.detail-head h2{font-size:36px;line-height:1.5;font-weight:500}.detail-head p{font-size:16px;line-height:1.9;max-width:850px}.role-line{border-block:1px solid var(--line);padding:18px 0;color:var(--rose)}.detail-section{padding:20px 6% 45px}.detail-section h3{font-size:25px;font-weight:500}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery button{padding:0;border:0;background:white;cursor:zoom-in}.gallery img{width:100%;height:340px;object-fit:contain;display:block}.evidence{margin:30px 0;border-top:1px solid var(--line);padding-top:20px}.evidence summary{cursor:pointer;font-size:14px}.evidence p{font-size:13px;line-height:1.9;color:var(--muted)}.evidence img{width:100%;margin-top:20px;cursor:zoom-in}#zoom{background:#fff;width:96vw;max-width:1500px}#zoom>img{width:100%;max-height:87dvh;object-fit:contain;display:block}#zoom .close{position:fixed;right:4vw;top:4vh}@media(max-width:750px){header{padding:16px 20px;margin:10px 4% 0;top:10px}.logo{font-size:24px}.logo span{display:none}nav{gap:13px;font-size:10px}.home{grid-template-columns:1fr;gap:30px;padding:45px 7% 70px}h1{font-size:42px}.bio{font-size:13px}.rail{height:440px}.home-show{padding:0 7px}.overview,.career{padding:65px 7%}.strengths{grid-template-columns:1fr;gap:30px;margin-top:35px}.strengths h3{margin:17px 0;font-size:23px}.strengths strong{margin-top:20px;font-size:37px}.strengths small{display:inline;margin-left:18px}.role{grid-template-columns:1fr;gap:25px;margin-top:60px}.role-copy,.role-image{order:initial!important}.role-copy h3{font-size:27px}.role-image{height:290px}footer{flex-direction:column;align-items:start}.flow-card{width:215px;left:calc(50% - 107.5px);height:290px}.coverflow{height:310px}#role-header h2{font-size:25px}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:520px}.detail-head h2{font-size:28px}.detail-head p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portrait{margin:0;position:relative;height:590px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 60%;border-radius:120px 120px 12px 12px}.portrait figcaption{position:absolute;bottom:20px;left:20px;color:white;font-size:12px;letter-spacing:2px}.selected{padding:85px 8% 40px;background:radial-gradient(ellipse,#f6e5ee,#fff 70%);overflow:hidden}.orbit{position:relative;width:100%;height:650px;perspective:1400px;transform-style:preserve-3d;isolation:isolate}.orbit-card{--angle:calc(var(--i)*360deg/var(--total));position:absolute;left:calc(50% - 62px);top:calc(50% - 82px);width:124px;height:164px;border:5px solid white;padding:0;border-radius:12px;background:white;transform:rotate(var(--angle)) translateY(-235px) rotate(calc(-1*var(--angle)));animation:orbit 100s linear infinite;box-shadow:0 10px 30px #36233218;transition:width .3s,height .3s,filter .3s;z-index:1}.orbit-card img{width:100%;height:100%;object-fit:cover;border-radius:6px}.orbit-card span{position:absolute;inset:auto 0 0;background:#2c1e32cc;color:white;font-size:9px;padding:7px 3px;opacity:0}.orbit-card:hover,.orbit-card:focus-visible{width:210px;height:250px;z-index:50;filter:drop-shadow(0 10px 20px #2a143a44)}.orbit-card:hover span,.orbit-card:focus-visible span{opacity:1}.orbit:has(.orbit-card:hover) .orbit-card,.orbit:focus-within .orbit-card{animation-play-state:paused}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.orbit-center>span{font:italic 36px Georgia,serif}.orbit-center p{font-size:12px;color:var(--muted)}@keyframes orbit{to{transform:rotate(calc(var(--angle) + 360deg)) translateY(-235px) rotate(calc(-1*var(--angle) - 360deg))}}.coverflow{height:auto;perspective:none;overflow:visible;margin:0;padding:15px 6% 40px}.chapter{margin:35px 0 55px}.chapter>h3{font-size:25px;font-weight:500;color:var(--rose);margin:0 0 23px}.chapter-lead{background:#f5edf1;padding:24px;margin-bottom:24px}.chapter-lead h4{font-size:23px;margin:0 0 12px}.chapter-lead p{font-size:14px;line-height:1.8;color:var(--muted)}.chapter-lead button{border:0;background:none;color:var(--rose);padding:8px 0}.hover-row{display:flex;gap:15px;overflow-x:auto;padding:15px 20px 30px 5px;align-items:center}.hover-card{flex:1 0 170px;min-width:0;height:280px;position:relative;border:0;border-radius:14px;overflow:hidden;padding:0;background:#eee;transition:flex .4s,transform .4s,box-shadow .4s;max-width:100%}.hover-card:hover,.hover-card:focus-visible{flex-grow:1.9;transform:translateX(12px) scale(1.035);box-shadow:0 15px 30px #30203020;z-index:2}.hover-card img{width:100%;height:100%;object-fit:cover}.hover-card span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#1b1025e8);padding:50px 14px 18px;color:white;font-size:16px;text-align:left}.flow-controls{display:none}.complete-slide{width:100%;cursor:zoom-in;display:block}.full-copy{border-block:1px solid var(--line);padding:20px 0}.full-copy p{font-size:16px;line-height:1.9}.small-note{font-size:12px;color:var(--muted)}@media(max-width:750px){.portrait{height:510px}.selected{padding:65px 5% 20px}.orbit{height:580px;transform:scale(.85);margin-inline:-6%;width:112%}.orbit-card{width:88px;height:120px;left:calc(50% - 44px);top:calc(50% - 60px)}.orbit-card:hover,.orbit-card:focus-visible{width:160px;height:200px}.hover-card{flex-basis:170px;flex-grow:0;height:255px}.hover-card:hover{flex-grow:0}.home{min-height:100svh}.full-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){.orbit-card{animation:none}}
.extras{padding:70px 8%;background:#f5f0f3}.extras h2{font-size:32px;font-weight:500}.extras>p{font-size:13px;color:var(--muted);line-height:1.8}.extras details{padding:24px 0;border-bottom:1px solid var(--line)}.extras summary{cursor:pointer;font-size:20px}.extras .gallery{margin-top:25px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid video{width:100%;max-height:450px;background:#211923;border-radius:12px}@media(max-width:750px){.video-grid{grid-template-columns:1fr}}
.selected{padding-bottom:75px}.orbit{height:auto;perspective:none;transform:none;margin:0;width:100%}.selected-row{display:flex;gap:14px;overflow-x:auto;padding:30px 15px 35px}.selected-row .hover-card{flex:1 0 120px;height:290px}.selected-row .hover-card:hover{flex-grow:2;transform:translateX(8px) scale(1.03)}.overview{display:block!important;visibility:visible!important;min-height:560px}.native-page{padding:20px 0}.native-page h3{font-size:28px}.native-copy{max-width:900px;columns:2;column-gap:45px;margin:25px 0 40px}.native-copy p{font-size:16px;line-height:1.9;break-inside:avoid;margin:0 0 20px}.native-page details{margin:28px 0}.narrative{padding:30px 0;border-top:1px solid var(--line)}.commercial{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.commercial article{background:#f8f1f4;padding:22px}.commercial h4{font-size:20px}.commercial p{font-size:14px;line-height:1.9}.commercial .gallery{display:block}.commercial img{height:210px}.text-link{background:none;border:0;color:var(--rose);padding:12px 0}.org{padding:25px 0 65px}.org-boss{background:var(--rose);color:white;text-align:center;padding:25px;max-width:570px;margin:30px auto;font-size:23px;border-radius:12px}.org-boss p{font-size:14px}.org-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.org-cols article{border:1px solid var(--line);padding:25px;border-radius:12px}.org-cols h4{font-size:24px;margin:0 0 20px}.org-cols p{font-size:15px;line-height:1.9}@media(max-width:750px){.selected-row .hover-card{flex-basis:180px}.native-copy{columns:1}.commercial,.org-cols{grid-template-columns:1fr}.overview{min-height:0}}

/* Selected work: a bounded coverflow, with no duplicated artwork. */
#selected{padding:80px 5% 50px;background:radial-gradient(ellipse at 50% 60%,#f6e8ee 0%,#fcfafb 58%,#fff 90%)}
#selected .section-heading{max-width:1100px;margin:0 auto 15px}
#selected .orbit{overflow:visible}
.project-stage{--spacing:195px;position:relative;height:440px;max-width:1140px;margin:0 auto;perspective:1400px;isolation:isolate;outline:none;touch-action:pan-y}
.project-cover{position:absolute;top:40px;left:calc(50% - 145px);width:290px;height:340px;padding:0;border:7px solid #fff;border-radius:18px;background:white;box-shadow:0 15px 35px #472d3b18;cursor:pointer;transform:translateX(calc(var(--offset)*var(--spacing))) translateY(calc(var(--distance)*13px)) rotateY(calc(var(--offset)*-12deg)) scale(calc(1 - var(--distance)*.09));transition:transform .55s cubic-bezier(.22,.7,.2,1),opacity .4s,box-shadow .3s;overflow:hidden;opacity:1}
.project-cover img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .4s}
.project-cover.is-away{opacity:0;pointer-events:none}
.project-cover:hover,.project-cover:focus-visible{transform:translateX(calc(var(--offset)*var(--spacing))) translateY(-5px) rotateY(0deg) scale(1.08);z-index:20!important;box-shadow:0 25px 55px #472d3b30;outline:2px solid var(--rose);outline-offset:5px}
.project-caption{position:absolute;inset:auto 0 0;padding:32px 15px 12px;background:linear-gradient(transparent,#211820e8);color:white;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.project-caption small{display:block;font-size:11px;letter-spacing:1px;margin-bottom:6px;color:#f8dce8}
.project-caption strong{display:block;font-size:17px;font-weight:500;line-height:1.4}.project-caption em{font-size:11px;font-style:normal;display:block;margin-top:8px}
.project-cover:hover .project-caption,.project-cover:focus-visible .project-caption,.project-cover.is-current .project-caption{opacity:1;transform:none}
.project-controls{display:flex;justify-content:center;align-items:center;gap:28px}.project-controls button{border:1px solid #dccbd2;background:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;color:var(--rose);transition:background .2s}.project-controls button:hover{background:#f5e4eb}.project-controls span{font-size:12px;letter-spacing:3px;color:var(--muted);font-variant-numeric:tabular-nums}.project-hint{text-align:center;font-size:12px!important;color:var(--muted);margin-top:18px}
@media(max-width:750px){.project-stage{--spacing:140px;height:370px}.project-cover{width:240px;height:290px;left:calc(50% - 120px);top:35px}.project-caption strong{font-size:15px}#selected{padding-inline:6%}.project-cover:hover{transform:translateX(calc(var(--offset)*var(--spacing))) translateY(-3px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.project-cover,.project-caption{transition:none}}

.growth-timeline{position:relative;display:flex;max-width:1000px;margin:45px auto 35px;gap:30px}.growth-timeline:before{content:'';position:absolute;left:16%;right:16%;top:22px;height:1px;background:#ddc4ce}.growth-timeline button{position:relative;flex:1;border:0;background:none;text-align:center;color:var(--muted);cursor:pointer;padding:0 5px}.timeline-dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fcf8fa;border:1px solid #d9bac7;border-radius:50%;margin:0 auto 12px;font-size:12px;transition:.25s}.growth-timeline small{display:block;font-size:11px;margin-bottom:8px;letter-spacing:.6px}.growth-timeline strong{display:block;font-size:16px;font-weight:500}.growth-timeline .active{color:var(--rose)}.growth-timeline .active .timeline-dot{background:var(--rose);color:white;border-color:var(--rose);box-shadow:0 0 0 6px #be435414}
.growth-card{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid #f0e5ea;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #6a3b4e0c;animation:growth-in .4s ease}.growth-copy{padding:45px}.growth-copy h3{font-size:29px;line-height:1.5;margin:15px 0}.growth-copy h4{font-size:19px;font-weight:400;color:var(--rose);margin:0 0 22px}.growth-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.growth-represent{padding-top:15px;border-top:1px solid var(--line)}.growth-open{background:var(--rose);color:white;border:0;border-radius:30px;padding:14px 24px;margin-top:12px;cursor:pointer;font-size:14px}.growth-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.growth-actions button{border:0;background:none;color:var(--rose);padding:0;font-size:12px;cursor:pointer}.growth-actions span{color:var(--muted);font-size:12px}.growth-visual{position:relative;border:0;background:#f7f1f4;padding:25px;cursor:pointer;min-height:430px}.growth-visual img{width:100%;height:100%;max-height:480px;object-fit:contain;transition:transform .35s}.growth-visual:hover img{transform:scale(1.03)}.growth-visual>span{position:absolute;bottom:18px;left:25px;color:var(--rose);background:#fffffff0;padding:9px 15px;border-radius:20px;font-size:12px}.dialog-role-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.dialog-role-nav button{border:1px solid #dfc7d1;border-radius:22px;background:white;color:var(--muted);padding:10px 16px;cursor:pointer}.dialog-role-nav .active{background:var(--rose);color:white;border-color:var(--rose)}#coverflow{overflow:hidden;padding:0 3% 40px}#role-dialog .project-stage{height:440px}#role-dialog .project-cover{width:290px}.project-stage{overflow:visible}@keyframes growth-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:750px){.growth-timeline{gap:5px}.growth-timeline small{font-size:9px}.growth-timeline strong{font-size:12px}.growth-card{grid-template-columns:1fr}.growth-copy{padding:27px}.growth-copy h3{font-size:24px}.growth-visual{min-height:300px;height:340px;grid-row:1}.dialog-role-nav button{font-size:11px;padding:8px 10px}#role-dialog .project-cover{width:240px}.growth-timeline:before{left:17%;right:17%}}@media(prefers-reduced-motion:reduce){.growth-card{animation:none}}

.image-showcase{padding-top:12px}.image-only{cursor:default!important;background:white}.image-only img{object-fit:contain!important;user-select:none}.image-only:hover{outline:none!important;box-shadow:0 25px 55px #472d3b30}.image-stage{max-width:1140px}.showcase-edge{position:absolute;top:20px;bottom:20px;width:76px;z-index:40;display:flex;align-items:center;justify-content:center;color:var(--rose);cursor:e-resize}.edge-left{left:0;cursor:w-resize}.edge-right{right:0}.showcase-edge span{display:flex;align-items:center;justify-content:center;width:32px;height:56px;border-radius:20px;background:#ffffffc9;opacity:.3;font-size:32px;transition:opacity .2s,background .2s}.showcase-edge:hover span{opacity:1;background:white}.showcase-counter{text-align:center;font-size:12px;letter-spacing:3px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px}.role-project-index{margin:35px 6% 60px;padding-top:35px;border-top:1px solid var(--line)}.role-project-index h3{font-size:27px;font-weight:500;margin:12px 0 25px}.project-index-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-index-links button{padding:22px;text-align:left;border:1px solid #eadce2;border-radius:12px;background:white;cursor:pointer;transition:border-color .2s,transform .2s}.project-index-links button:hover{transform:translateY(-3px);border-color:var(--rose)}.project-index-links small{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.project-index-links strong{display:block;font-size:16px;font-weight:500;line-height:1.5}.project-index-links span{display:block;margin-top:18px;font-size:12px;color:var(--rose)}@media(max-width:750px){.showcase-edge{width:40px}.showcase-edge span{width:24px;height:40px}.project-index-links{grid-template-columns:1fr 1fr}.project-index-links button{padding:15px}.project-index-links strong{font-size:14px}}

.lip-overview{margin:40px 6% 50px;padding-top:42px;border-top:1px solid var(--line)}.lip-overview>h3{font-size:38px;line-height:1.4;margin:13px 0 20px;font-weight:500}.lip-role-chain{font-size:14px;line-height:2;color:var(--muted);margin-bottom:32px}.lip-role-chain strong{color:var(--rose)}.lip-role-chain span{color:var(--rose);padding:0 6px}.lip-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lip-trio article{overflow:hidden;border:1px solid #e5cdd6;border-radius:18px;background:white}.lip-trio article:nth-child(2){background:#282022;color:white;border-color:#282022}.lip-entry-image{display:block;width:100%;border:0;padding:0;background:white;position:relative;cursor:pointer;overflow:hidden;aspect-ratio:1}.lip-entry-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.lip-entry-image:hover img{transform:scale(1.035)}.lip-entry-image span{position:absolute;bottom:12px;right:12px;background:#fffffff0;border-radius:20px;padding:9px 13px;color:var(--rose);font-size:11px}.lip-entry-copy{padding:22px}.lip-entry-copy small{color:var(--rose);font-size:12px;letter-spacing:1px}.lip-trio article:nth-child(2) small{color:#f3a9c1}.lip-entry-copy h4{font-size:24px;margin:10px 0 18px;font-weight:600}.lip-entry-copy p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.lip-trio article:nth-child(2) p{color:#d8cdd1}.related-stories{border-top:0;padding-top:0}.related-stories .project-index-links{margin-top:20px}
.lip-case{background:#fbf9f7;padding:65px 7% 60px;color:#292526}.lip-case-head{position:static;display:block;background:none;box-shadow:none;border:0;padding:0;max-width:none;height:auto;backdrop-filter:none}.lip-case-head h2{font-size:clamp(30px,4.5vw,58px);line-height:1.35;letter-spacing:-1px;margin:26px 0}.lip-case-head h2 span{font-weight:500}.lip-case-head>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:900px}.case-jumps{display:flex;gap:22px;flex-wrap:wrap;margin:32px 0 0;padding:22px 0;border-block:1px solid var(--line)}.case-jumps a{font-size:12px;color:var(--rose);text-decoration:none}.case-block{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.case-block h3{font-size:28px;margin:12px 0 30px;font-weight:500}.strategy-steps article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.step-num{font-size:24px;color:var(--rose)}.strategy-steps h4{font-size:20px;line-height:1.6;margin:0 0 15px;font-weight:500}.strategy-steps p,.case-block>p{font-size:16px;line-height:1.95;max-width:950px;margin:0 0 12px}.case-role>p{color:var(--rose);font-size:19px;line-height:1.9}.case-metrics{display:flex;gap:50px;flex-wrap:wrap;margin:30px 0}.case-metrics strong{display:block;font-size:37px;color:var(--rose);font-weight:500}.case-metrics span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.result-evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}.result-evidence figure{margin:0;padding:14px;background:white;border:1px solid var(--line)}.result-evidence img{width:100%;height:auto;max-height:400px;object-fit:contain;cursor:zoom-in}.result-evidence figcaption{font-size:11px;color:var(--muted);margin-top:12px}.case-original{margin-top:30px}.case-original summary{cursor:pointer;color:var(--rose);padding:16px 0}.case-block .small-note{font-size:12px;margin-top:20px}.lip-case .gallery img{object-fit:contain;background:white}@media(max-width:750px){.lip-trio{grid-template-columns:1fr}.lip-overview>h3{font-size:29px}.lip-entry-copy{padding:20px}.lip-case{padding:60px 6% 35px}.case-jumps{gap:15px}.strategy-steps article{grid-template-columns:30px 1fr;gap:12px}.strategy-steps h4{font-size:18px}.strategy-steps p,.case-block>p{font-size:14px}.case-metrics{gap:25px}.case-metrics strong{font-size:30px}}
/* Lip overview: one quiet card boundary, edge-to-edge artwork. */
#role-dialog .lip-trio article{padding:0;border:1px solid #e8dce1;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #452c3806}
#role-dialog .lip-trio article:nth-child(2){border-color:#302729}
#role-dialog .lip-trio .lip-entry-image{display:block;box-sizing:border-box;width:100%;height:auto;min-height:0;aspect-ratio:1;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none;line-height:0}
#role-dialog .lip-trio .lip-entry-image img{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:cover}
#role-dialog .lip-trio .lip-entry-image span{line-height:1.4;border:1px solid #ffffffb3;box-shadow:0 3px 14px #30202010;background:#fffffff0;padding:8px 12px;font-size:11px}
#role-dialog .lip-trio .lip-entry-copy{padding:24px 22px 28px}
#role-dialog .lip-trio article:nth-child(2) .lip-entry-copy p{color:#ded2d7}

/* Visual marketing: five complete category entrances, spread across the width. */
#coverflow:has(.visual-five-spread){padding:15px 3% 45px;overflow:visible}
.visual-five-spread{display:flex;align-items:center;gap:14px;width:100%;min-height:425px;padding:30px 0;box-sizing:border-box}
.visual-spread-card{position:relative;flex:1 1 0;min-width:0;height:335px;margin:0;padding:6px!important;border:1px solid #eadfe4!important;border-radius:17px!important;background:white!important;overflow:hidden;box-shadow:0 12px 30px #39222e0b;cursor:pointer;transition:flex .4s cubic-bezier(.2,.7,.2,1),height .4s,box-shadow .4s,transform .4s;text-align:left}
.visual-spread-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:11px;transition:object-position .3s}
.visual-spread-card:nth-child(2),.visual-spread-card:nth-child(4){transform:translateY(12px)}
.visual-spread-card:nth-child(3){height:365px}
.visual-spread-card:hover,.visual-spread-card:focus-visible{flex:1.65 1 0;height:385px;transform:translateY(-6px);box-shadow:0 22px 45px #472d3b22;z-index:3;outline:1px solid #cfa0b3;outline-offset:3px}
.spread-caption{position:absolute;inset:auto 6px 6px;padding:65px 13px 18px;background:linear-gradient(transparent,#211920ed);color:white;border-radius:0 0 11px 11px}
.spread-caption small{display:block;font-size:10px;line-height:1.6;color:#f0d3df;opacity:0;transition:opacity .3s}.spread-caption strong{display:block;font-size:19px;line-height:1.5;font-weight:500;white-space:nowrap}.spread-caption em{display:block;font-size:11px;font-style:normal;margin-top:10px;opacity:.8}.visual-spread-card:hover small,.visual-spread-card:focus-visible small{opacity:1}
@media(max-width:750px){.visual-five-spread{overflow-x:auto;gap:12px;min-height:380px;padding:20px 8px 30px}.visual-spread-card{flex:0 0 180px;height:300px}.visual-spread-card:nth-child(3){height:320px}.visual-spread-card:hover,.visual-spread-card:focus-visible{flex:0 0 210px;height:335px}.spread-caption strong{font-size:17px}.spread-caption small{opacity:1}}
@media(prefers-reduced-motion:reduce){.visual-spread-card{transition:none}}
.team-case .org{padding-bottom:15px}.team-case .org>h3,.team-case .org>.eyebrow{display:none}.team-scope{display:grid;grid-template-columns:.75fr 1.3fr 1fr;gap:25px;margin:30px 0}.team-scope>div{padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.team-scope .scope-hub{background:#f9e4ec;border:0}.team-scope h4{color:var(--rose);font-size:20px;margin:0 0 22px}.team-scope p{font-size:14px;line-height:1.8;margin:18px 0}.team-role-note{padding:20px 24px;background:#f7eaf0;color:var(--rose);font-size:15px!important;line-height:1.9!important;border-left:3px solid var(--rose);margin:25px 0!important}.team-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:35px}.team-workflow h4{font-size:18px;line-height:1.5;margin:12px 0}.team-workflow p{font-size:13px;line-height:1.8}.team-workflow .gallery{display:grid;grid-template-columns:1fr;gap:10px}.team-workflow .gallery img{height:auto;max-height:340px}.team-local{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.team-local h4{font-size:21px;color:var(--rose);margin:12px 0}.team-local p{font-size:14px;line-height:1.9;min-height:75px}.team-local .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.team-case .gallery button{padding:0!important;border:0!important;background:white!important;border-radius:5px!important}.team-local .gallery img{height:auto;aspect-ratio:1}.team-subtitle{font-size:25px;font-weight:500;color:var(--rose);margin:50px 0 22px}.team-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.team-markets>article{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.team-markets h4{font-size:20px;margin:0 0 24px}.team-markets .gallery{grid-template-columns:1fr 1fr;gap:9px}.team-markets .gallery img{height:auto;max-height:300px;object-fit:contain}.market-results{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:15px}.market-results strong{font-size:26px;font-weight:500;color:var(--rose)}.market-results span{font-size:12px;margin-left:12px;color:var(--muted)}@media(max-width:900px){.team-workflow{grid-template-columns:1fr 1fr}.team-scope{grid-template-columns:1fr}.team-markets{grid-template-columns:1fr}.team-markets .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.team-local{grid-template-columns:1fr}.team-workflow{grid-template-columns:1fr}.team-workflow .gallery{grid-template-columns:1fr 1fr}.team-local p{min-height:0}.team-subtitle{font-size:22px}}

/* Explicit direction between the three stages of delivery. */
.team-scope{column-gap:42px}.team-scope>div{position:relative}.team-scope>div:not(:last-child)::after{content:'→';position:absolute;right:-35px;top:50%;transform:translateY(-50%);font-size:27px;color:var(--rose);font-weight:400}
/* Equal-height samples: common top and bottom, with uncropped contents. */
.team-workflow{align-items:stretch}.team-workflow>article{display:grid;grid-template-rows:32px 65px 55px 80px 760px;align-content:start}.team-workflow>article>.gallery{margin:0;height:760px;display:grid;grid-auto-rows:minmax(0,1fr);gap:9px;align-items:stretch}.team-workflow>article>.gallery button{height:100%;min-height:0;overflow:hidden}.team-workflow>article>.gallery img{width:100%;height:100%;max-height:none;object-fit:contain;background:white}.team-workflow>article>p{margin:0}.team-workflow>article>h4{margin:10px 0}
.team-video{margin:25px 0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.team-video video{display:block;width:100%;height:auto;max-height:570px;background:#f2eef0;object-fit:contain}.team-video figcaption{font-size:12px;line-height:1.6;padding:12px 16px;color:var(--muted)}.team-markets>article{display:flex;flex-direction:column}.team-markets .h5-banner-strip .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px;align-items:start}.team-markets .h5-banner-strip img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;max-height:none}.team-markets .h5-portrait-pair .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;align-items:start}.team-markets .h5-portrait-pair img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;max-height:none}.team-markets .gallery button{width:100%;min-width:0;align-self:start}.team-markets .market-video-label{font-size:15px;color:var(--rose);font-weight:500;margin:25px 0 0}.team-markets .team-video{margin:12px 0 20px}.team-markets .team-video video{aspect-ratio:9/16;max-height:460px;object-fit:contain}.team-markets .market-results{margin-top:auto}
@media(max-width:900px){.team-scope{row-gap:42px}.team-scope>div:not(:last-child)::after{content:'↓';left:50%;right:auto;top:auto;bottom:-36px;transform:translateX(-50%)}.team-workflow>article{grid-template-rows:32px 65px 55px 80px 650px}.team-workflow>article>.gallery{height:650px}.team-markets .team-video video{max-height:520px}.team-markets .h5-banner-strip .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.team-workflow>article{display:block}.team-workflow>article>.gallery{height:650px;grid-template-columns:1fr 1fr;margin-top:20px}.team-video video{max-height:500px}}
.featured-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.featured-role-grid article{padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.featured-role-grid h4{font-size:22px;margin:15px 0}.featured-role-grid p{font-size:14px;line-height:1.9}.featured-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:32px 0}.featured-process>div{position:relative;background:#f6e8ee;border:1px solid #ecdae2;border-radius:10px;padding:22px;display:flex;flex-direction:column;justify-content:center;min-height:90px}.featured-process>div:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;color:var(--rose);transform:translateY(-50%)}.featured-process small{color:var(--rose);font-size:12px;margin-bottom:12px}.featured-process strong{font-size:15px;font-weight:500;line-height:1.7}.featured-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.featured-video-grid .team-video video{height:420px;object-fit:contain}.featured-case .gallery{align-items:start}.featured-case .gallery button{padding:0!important;background:white!important;border:0!important;border-radius:7px!important}.featured-case .gallery img{height:auto;max-height:540px;object-fit:contain}.featured-case .case-block>p{margin-bottom:24px}.featured-case .team-role-note{font-size:16px}.featured-case .case-block{padding-block:50px}@media(max-width:750px){.featured-role-grid{grid-template-columns:1fr}.featured-process{grid-template-columns:1fr 1fr}.featured-process>div:after{display:none}.featured-process>div{padding:18px;min-height:70px}.featured-video-grid{grid-template-columns:1fr}}
.ecom-concept{margin:24px 0 36px;padding:30px 36px;background:#f5e8ec;border-left:3px solid #bc405c;border-radius:0 16px 16px 0}.ecom-concept h4{font-size:clamp(25px,3vw,40px);margin:16px 0;color:#b7405b}.ecom-concept p{max-width:960px;margin-bottom:0}#featured-planning .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.model-follow img{object-fit:contain} @media(max-width:700px){#featured-planning .gallery{grid-template-columns:1fr}.ecom-concept{padding:22px}}
.ip-expression-sheets .gallery{grid-template-columns:1fr}.ip-expression-sheets .gallery img{width:100%;max-height:none;object-fit:contain}#featured-3d .gallery img{object-fit:contain;background:#fff}#featured-video .gallery{max-width:580px;margin-inline:auto}
/* Full artwork inside substantial white frames. */
.visual-spread-card{padding:14px!important;border:0!important;border-radius:24px!important;height:365px;display:flex;flex-direction:column;box-shadow:0 15px 36px #46233712!important}
.visual-spread-card img{height:calc(100% - 84px);min-height:0;object-fit:contain;background:#fff;border-radius:12px}
.visual-spread-card .spread-caption{position:static;background:none;display:flex;flex-direction:column;text-align:left;padding:12px 5px 0;color:#292426;min-height:72px}
.visual-spread-card .spread-caption small{color:#997780;font-size:10px}.visual-spread-card .spread-caption strong{color:#292426;font-size:19px}.visual-spread-card .spread-caption em{color:#bb405f;font-size:12px}
.brand-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1050px;margin:30px auto}
.brand-project-grid>button{padding:18px!important;background:white!important;border:0!important;border-radius:26px!important;box-shadow:0 16px 45px #4926350d;transition:transform .25s;text-align:left;cursor:pointer}.brand-project-grid>button:hover{transform:translateY(-6px)}
.brand-cover{height:390px;background:#faf8f9;border-radius:15px;overflow:hidden}.brand-cover img{width:100%;height:100%;object-fit:contain}.brand-card-copy{padding:22px 12px 12px}.brand-card-copy small{color:#8c7a80}.brand-card-copy h3{font-size:25px;margin:10px 0}.brand-card-copy span{color:#bb405f}
.brand-statement{padding:30px;border-left:5px solid #bc405e;background:#f8eaf0;color:#b53d5b;font-size:clamp(22px,3vw,36px);font-weight:650;line-height:1.65;margin:28px 0}.brand-role{padding:20px;background:#f8f1f4;border-radius:12px}.featured-case blockquote{margin:28px 0;padding:30px;background:white;border-left:3px solid #d6a3b1;line-height:2}
@media(max-width:650px){.brand-project-grid{grid-template-columns:1fr}.brand-cover{height:330px}.visual-spread-card{padding:12px!important}.visual-spread-card .spread-caption strong{font-size:17px}}

/* Keep the campaign hero on its own row and align reference rows. */
#featured-velvet .gallery > button:first-child{grid-column:1 / -1}
#featured-velvet .gallery > button:first-child img{width:100%;max-height:none}
#brand-fa-postcard .gallery{align-items:end}

/* Balanced postcard references and compact visual-project frames. */
#brand-fa-postcard .gallery{gap:24px;align-items:center}
#brand-fa-postcard .gallery button{height:280px;display:flex;align-items:center;justify-content:center;background:transparent!important}
#brand-fa-postcard .gallery img{width:100%;height:100%;max-height:280px;object-fit:contain}
.visual-five-spread{align-items:center;gap:16px;min-height:0;padding:24px 4px 32px}
.visual-spread-card,.visual-spread-card:nth-child(3){height:clamp(260px,31vw,360px);padding:8px!important;border-radius:20px!important;transform:none;display:block}
.visual-spread-card img{width:100%;height:100%;border-radius:14px;object-fit:contain}
.visual-spread-card .spread-caption{position:absolute;inset:auto 8px 8px;padding:38px 12px 14px;min-height:0;border-radius:0 0 14px 14px;background:linear-gradient(transparent,rgba(30,21,27,.86));color:white;gap:6px}
.visual-spread-card .spread-caption small,.visual-spread-card .spread-caption strong,.visual-spread-card .spread-caption em{color:white}
.visual-spread-card .spread-caption small{font-size:10px;opacity:1}
.visual-spread-card .spread-caption strong{font-size:18px;line-height:1.4}
.visual-spread-card:hover,.visual-spread-card:focus-visible{height:clamp(280px,33vw,380px);transform:translateY(-4px)}
@media(max-width:750px){.visual-spread-card,.visual-spread-card:nth-child(3){flex:0 0 220px;height:300px}.visual-spread-card:hover,.visual-spread-card:focus-visible{flex:0 0 240px;height:320px}#brand-fa-postcard .gallery button{height:auto;max-height:280px}}

.inline-commercial{margin:55px 0;padding-top:40px;border-top:1px solid var(--line);text-align:left}.inline-commercial>h3{font-size:clamp(25px,3vw,36px);line-height:1.5}.inline-commercial .commercial{margin-top:28px}.inline-commercial .commercial article{border-radius:16px}.inline-commercial .commercial h4{line-height:1.5}

.inline-planning,.inline-materials,.inline-visuals{padding:35px 0;text-align:left;border-bottom:1px solid var(--line)}
.inline-planning>h3,.inline-materials>h3,.inline-visuals>h3{font-size:clamp(25px,3vw,36px);line-height:1.5}
.inline-planning .strategy-steps p,.inline-materials>p{font-size:15px;line-height:1.9;color:var(--muted)}
.inline-materials>h4{font-size:21px;margin:36px 0 14px}
.inline-materials .gallery{margin:24px 0 40px;align-items:center}
.inline-materials .gallery img{height:300px;object-fit:contain}
#coverflow:empty{display:none}

/* Artwork uses transparent, thin outlines throughout the product page. */
#project-preview .inline-planning .gallery,#project-preview .inline-materials .gallery{margin:28px 0;align-items:center}
#project-preview .inline-planning .gallery button,#project-preview .inline-materials .gallery button,#project-preview .commercial .gallery button{background:transparent!important;padding:0!important;margin:0!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;box-shadow:none!important}
#project-preview .inline-planning .gallery img,#project-preview .inline-materials .gallery img{display:block;width:100%;height:310px;object-fit:contain;background:transparent}
#project-preview .inline-planning .strategy-steps article,#project-preview .inline-materials .strategy-steps article{background:transparent!important}
#project-preview .commercial{align-items:stretch}
#project-preview .commercial article{display:flex;flex-direction:column;min-width:0;background:transparent!important;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:none}
#project-preview .commercial h4{min-height:60px;margin:0 0 22px;line-height:1.5}
#project-preview .commercial .gallery{margin:0 0 20px}
#project-preview .commercial .gallery img{width:100%;height:240px;object-fit:contain;display:block}
#project-preview .commercial .text-link{display:block;align-self:stretch;margin-top:auto;padding:18px 0 8px;background:transparent!important;color:var(--rose)!important;border:0;border-bottom:1px solid var(--rose)!important;border-radius:0!important;text-align:left;font-size:14px}
.inline-planning details,.inline-materials details{margin:28px 0}
.series-example-note{font-size:14px;line-height:1.9}
.commercial-evidence{margin-top:45px}
.commercial-evidence .gallery{align-items:start}
.commercial-evidence .gallery img{height:340px;object-fit:contain}
@media(max-width:750px){#project-preview .commercial h4{min-height:0}#project-preview .inline-planning .gallery img,#project-preview .inline-materials .gallery img{height:auto;max-height:380px}}
/* Project entrances: square artwork, separate high-contrast captions. */
#coverflow .visual-five-spread{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px;padding:20px 0 30px;min-height:0;overflow:visible}
#coverflow .visual-spread-card,#coverflow .visual-spread-card:nth-child(3),#coverflow .visual-spread-card:hover,#coverflow .visual-spread-card:focus-visible{display:flex;flex-direction:column;flex:none;height:auto;min-width:0;padding:0!important;margin:0;border:1px solid var(--line)!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;transform:none;overflow:hidden;transition:border-color .2s}
#coverflow .visual-spread-card img{width:100%;height:auto;aspect-ratio:1;flex:none;object-fit:contain;object-position:center;border-radius:0;background:transparent;display:block}
#coverflow .visual-spread-card .spread-caption{position:static;inset:auto;display:flex;flex:1;flex-direction:column;gap:10px;min-height:155px;padding:20px 16px;background:none;border-radius:0;color:var(--ink);text-align:left;border-top:1px solid var(--line)}
#coverflow .visual-spread-card .spread-caption small{font-size:10px;line-height:1.6;color:var(--muted);opacity:1;min-height:32px}
#coverflow .visual-spread-card .spread-caption strong{font-size:21px;font-weight:650;line-height:1.4;color:var(--ink)}
#coverflow .visual-spread-card .spread-caption em{font-size:13px;font-style:normal;color:var(--rose);margin-top:auto;padding-top:10px}
#coverflow .visual-spread-card:hover,#coverflow .visual-spread-card:focus-visible{border-color:var(--rose)!important}
@media(max-width:900px){#coverflow .visual-five-spread{display:flex;overflow-x:auto;gap:16px;padding:16px 2px 25px}#coverflow .visual-spread-card,#coverflow .visual-spread-card:nth-child(3),#coverflow .visual-spread-card:hover,#coverflow .visual-spread-card:focus-visible{flex:0 0 240px;height:auto}}

/* Career edge browsing and brand thinking. */
#growth-panel{position:relative;overflow:hidden}
#growth-panel .growth-card{position:relative}
.growth-edge{position:absolute;top:45%;z-index:4;width:36px;height:64px;padding:0;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.92);color:var(--rose);font-size:32px;line-height:1;opacity:.3;transition:opacity .2s;cursor:pointer}
.growth-edge-left{left:8px}.growth-edge-right{right:8px}
.growth-edge:hover,.growth-edge:focus-visible{opacity:1}
.strengths{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.strengths article{display:flex;flex-direction:column}.strengths article>strong{margin-top:auto;padding-top:24px}.strengths article>p{margin-bottom:20px}
@media(max-width:1050px){.strengths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.strengths{grid-template-columns:1fr}.growth-edge{width:30px;height:50px;opacity:.7}.growth-edge-left{left:4px}.growth-edge-right{right:4px}}
@media(prefers-reduced-motion:reduce){.growth-edge{transition:none}}

.offline-tools{max-width:390px}.offline-tools button{padding:10px 16px;border:1px solid var(--rose);border-radius:24px;background:transparent;color:var(--rose);cursor:pointer}.offline-tools button:disabled{opacity:.6;cursor:wait}.offline-tools p{line-height:1.7;font-size:11px}