:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#11213c;background:#f4f5f2;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#b7e8ff;color:#071127}.nav{height:76px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);color:#e7f5ff}.brand{font-weight:800;letter-spacing:.08em;font-size:1rem}.brand span{font-weight:300;color:#8fc9f5}.nav nav{display:flex;gap:clamp(18px,3vw,48px);font-size:.875rem}.nav a:focus-visible,.footer a:focus-visible,.folder:focus-visible,.project-row:focus-visible,.next-case:focus-visible,button:focus-visible{outline:3px solid #62bbf4;outline-offset:5px}.home-hero{min-height:850px;height:100svh;max-height:1080px;position:relative;overflow:hidden;color:#f4faff;background:radial-gradient(ellipse at 70% -10%,#53a6e8 0%,#244e9c 36%,transparent 67%),radial-gradient(ellipse at 95% 75%,#26387a 0%,transparent 46%),linear-gradient(160deg,#19427e 3%,#0b1936 55%,#080d1b 100%);padding:clamp(110px,12vh,150px) clamp(22px,4vw,70px) 55px}.home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 60% 5%,#dcf4ff28,transparent 23%);mix-blend-mode:screen}.hero-copy{position:relative;z-index:2;max-width:75%}.eyebrow,.overline,.case-meta,.scroll-note,.section-heading>span,.brief-title>span,.chapter>span,.about-head>span,.about-contact>span,.about-details small{font-size:.78rem;letter-spacing:.13em;font-weight:650}.eyebrow{display:flex;gap:2rem;color:#d5e9f9}.eyebrow span{opacity:.6}.hero-copy h1{font-size:clamp(5rem,11.8vw,12rem);letter-spacing:-.105em;line-height:.83;margin:clamp(65px,10vh,135px) 0 0;font-weight:700}.hero-copy h1 i{font-style:normal;color:#d4eaff}.period{color:#80c7f1}.hero-bottom{margin-top:clamp(65px,9vh,145px);display:flex;gap:10vw;align-items:end}.hero-bottom p{font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.55;margin:0}.hero-bottom span{font-size:.8rem;line-height:1.8;color:#b6c9db}.archive{position:absolute;right:4vw;bottom:13%;width:min(42vw,640px);height:500px;perspective:900px;z-index:4}.folder{display:block;position:absolute;width:62%;height:47%;border-radius:10px 18px 18px 18px;transform:rotate(var(--rot));transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;filter:drop-shadow(0 20px 24px #030a2266)}.folder:hover,.folder:focus-visible{transform:translateY(-24px) rotate(0);z-index:8!important}.folder:active{transform:translateY(-70px) rotate(0)}.folder-0{--rot:-11deg;bottom:1%;left:1%;z-index:7}.folder-1{--rot:8deg;bottom:12%;left:29%;z-index:6}.folder-2{--rot:-3deg;bottom:38%;left:12%;z-index:5}.folder-3{--rot:11deg;bottom:47%;left:32%;z-index:4}.folder-tab{position:absolute;top:-22px;left:0;height:32px;padding:7px 22px;background:#b8e2f9;border-radius:12px 12px 0 0;color:#16406b;font-size:.73rem;font-weight:700}.folder-front{position:absolute;inset:0;background:linear-gradient(140deg,#bde9fae8,#7eb9ded9);border:1px solid #ecf9ff8c;backdrop-filter:blur(14px);border-radius:10px 18px 18px 18px;display:flex;align-items:end;justify-content:space-between;padding:24px;color:#1b4d75;font-weight:650;box-shadow:inset 0 1px #fff8}.folder-1 .folder-front{background:linear-gradient(140deg,#bac4e9de,#758cc9e6)}.folder-2 .folder-front{background:linear-gradient(140deg,#e1e8f5ea,#a8c3e1d9)}.folder-3 .folder-front{background:linear-gradient(140deg,#d8d1f3ec,#ad9fd3e0)}.folder-front b{font-size:3.2rem;letter-spacing:-.07em;line-height:.85;opacity:.3}.folder-front span:last-child{font-size:1.5rem}.folder-card{position:absolute;top:-75px;left:13%;right:13%;height:80%;padding:22px;background:#f7f9f7;border-radius:14px;transform:rotate(-3deg);transition:transform .5s,top .5s;box-shadow:0 8px 20px #07132842;color:#182843;display:flex;flex-direction:column}.folder:hover .folder-card,.folder:focus-visible .folder-card{top:-112px;transform:rotate(0)}.folder-card small{font-size:.66rem;color:#527296}.folder-card strong{font-size:1.55rem;margin-top:15px}.folder-card em{font-style:normal;font-size:.67rem;letter-spacing:.08em;margin-top:6px}.folder-card>span{margin-top:auto;font-size:.7rem}.scroll-note{position:absolute;bottom:46px;left:4vw;color:#bad1e3}.index-section{padding:120px clamp(22px,6vw,100px) 140px}.section-heading{display:flex;align-items:baseline;gap:28px;margin-bottom:54px}.section-heading>span{color:#4d79a1;min-width:140px}.section-heading h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0}.section-heading h2 span{font-size:1rem;color:#8ea2b6;letter-spacing:0}.section-heading p{margin-left:auto;color:#708096}.project-list{border-top:1px solid #b8c1c9}.project-row{min-height:170px;border-bottom:1px solid #b8c1c9;display:grid;grid-template-columns:100px 170px 1fr 50px;gap:4vw;align-items:center;padding:18px 0;transition:padding .3s,background .3s}.project-row:hover{padding-left:18px;background:#e9eef0}.row-num{font-size:.83rem;color:#5f7894}.row-image{height:125px;overflow:hidden;background:#d3dce4}.row-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-row:hover img{transform:scale(1.08)}.row-title{display:flex;align-items:baseline;gap:3vw;flex-wrap:wrap}.row-title small{font-size:.8rem;color:#5e7996;width:100%}.row-title strong{font-size:clamp(1.35rem,2.3vw,2.25rem);letter-spacing:-.04em}.row-title em{font-style:normal;color:#697b8f;font-size:.9rem}.row-arrow{font-size:1.8rem;justify-self:end}.about-teaser{background:#dbe9f2;padding:90px clamp(22px,6vw,100px);display:grid;grid-template-columns:150px 1fr 200px;gap:30px;align-items:end}.about-teaser>span{font-size:.8rem;letter-spacing:.12em}.about-teaser p{font-size:clamp(1.4rem,2.6vw,2.6rem);letter-spacing:-.04em;line-height:1.35;margin:0;max-width:850px}.about-teaser a{text-decoration:underline;text-underline-offset:7px}.footer{background:#071127;color:#b6cadc;padding:34px clamp(22px,4vw,70px);display:flex;justify-content:space-between;gap:20px;font-size:.73rem;letter-spacing:.07em}.case-hero{background:radial-gradient(ellipse at 75% 0,#315c9b 0,transparent 52%),#09152c;color:#f5fbff;min-height:680px;padding:140px clamp(22px,6vw,100px) 75px;position:relative;overflow:hidden}.case-meta{display:flex;gap:4vw;border-bottom:1px solid #a9c4df55;padding-bottom:20px;color:#bdd5e7}.case-hero-grid{display:grid;grid-template-columns:1fr minmax(300px,48%);gap:5vw;align-items:center;max-width:1500px;margin:55px auto 20px}.overline{color:#a9d7f3}.case-hero h1{font-size:clamp(3.6rem,7vw,8rem);line-height:1.05;letter-spacing:-.08em;margin:27px 0}.case-lead{font-size:clamp(1.15rem,1.8vw,1.7rem);line-height:1.55;max-width:600px;color:#d3e1ec}.case-cover{height:410px;transform:rotate(3deg);border:12px solid #d5e9f6;border-radius:6px;box-shadow:0 35px 65px #020b20aa;overflow:hidden;background:#d4e1ea}.case-cover img{width:100%;height:100%;object-fit:cover}.case-down{font-size:.8rem;letter-spacing:.1em;color:#c3d8ea}.case-body{max-width:1300px;margin:auto;padding:0 clamp(22px,5vw,80px)}.brief-title{padding-top:105px}.brief-title>span{color:#4d79a1}.brief-title h2{font-size:clamp(2.4rem,4vw,4.4rem);letter-spacing:-.06em;margin:20px 0 45px}.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #b7c1ca;border-left:1px solid #b7c1ca}.brief-grid>div{min-height:170px;padding:25px 35px;border-right:1px solid #b7c1ca;border-bottom:1px solid #b7c1ca}.brief-grid small{color:#52799c;font-size:.85rem}.brief-grid p{line-height:1.75;font-size:1rem;margin:15px 0 0}.chapter{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:120px 0;border-bottom:1px solid #b9c3cb}.chapter>span{color:#557b9a;padding-top:12px}.chapter h2,.demo-section h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em;line-height:1.2;margin:0 0 30px}.chapter p{font-size:1.1rem;line-height:1.85;max-width:770px;color:#44576c}.decisions article{display:grid;grid-template-columns:60px 1fr;column-gap:25px;border-top:1px solid #c4cbd0;padding:28px 0}.decisions article small{color:#6e95b1}.decisions article h3{font-size:1.55rem;margin:0}.decisions article p{grid-column:2;margin:10px 0 0}.solutions figure{margin:45px 0 65px}.solutions figure img{width:100%;background:#dfe8ee;box-shadow:0 22px 50px #1b42601c}.solutions figcaption{font-size:.83rem;color:#60758b;margin-top:14px}.muted{color:#75899b!important;font-size:.9rem!important}.pending{background:#e2ebf0;border:1px dashed #91a8b8;padding:45px;line-height:1.7}.result blockquote{font-size:clamp(1.6rem,2.7vw,2.7rem);line-height:1.45;letter-spacing:-.04em;border-left:3px solid #59a8dc;padding-left:30px;margin:50px 0 0}.next-case{display:grid;grid-template-columns:1fr auto;gap:15px;background:#b8d8ea;padding:60px clamp(22px,6vw,100px);align-items:center}.next-case small{grid-column:1/-1;letter-spacing:.12em}.next-case span{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.06em}.next-case b{font-size:2rem}.demo-section{padding:110px 0;border-bottom:1px solid #b9c3cb}.demo-section .section-heading{display:block}.demo-section .section-heading h2{margin:20px 0}.demo-section .section-heading p{margin:0}.demo-layout{display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:9vw;align-items:center}.demo-phone{background:#d9e8e9;border:10px solid #18344b;border-radius:40px;overflow:hidden;box-shadow:20px 30px 50px #112f472e}.phone-bar{height:55px;background:#f7f4e8;display:flex;justify-content:space-between;padding:18px 25px;font-size:.8rem;letter-spacing:.1em;color:#775a35}.demo-scene{height:450px;background:linear-gradient(#a8d8e4 0 46%,#d7bd85 47%,#8a5f36);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-sky{position:absolute;width:210px;height:210px;border-radius:50%;background:#fff8bc6b;top:38px;right:-70px}.demo-tree{font-size:7rem;filter:drop-shadow(0 12px 12px #35251b55);transition:transform 1s}.demo-scene.watered .demo-tree{transform:scale(1.22) rotate(-5deg)}.demo-message{z-index:1;background:#fffbea;border-radius:15px;padding:15px 20px;margin:25px 18px;text-align:center;box-shadow:0 8px 25px #56462930;font-size:.9rem}.demo-progress{position:absolute;bottom:26px;left:30px;right:30px;height:12px;background:#eee1bb;border-radius:20px}.demo-progress span{display:block;width:18%;height:100%;border-radius:20px;background:#e6a24e;transition:width 1s}.demo-controls{background:#f8f7ee;display:flex;justify-content:space-between;padding:20px 25px;align-items:center;font-size:.78rem}.demo-controls button{border:1px solid #163849;background:transparent;color:#163849;border-radius:30px;padding:10px 16px;cursor:pointer}.demo-steps{list-style:none;padding:0;counter-reset:demo}.demo-steps li{border-top:1px solid #b8c5cb;padding:27px 0}.demo-steps b{font-size:1.4rem}.demo-steps p{line-height:1.7;color:#52677a}.about-page{background:#f4f5f2}.about-head{background:radial-gradient(ellipse at 85% 10%,#477fc7,transparent 50%),#09152c;color:#f4fbff;padding:170px clamp(22px,7vw,120px) 115px}.about-head h1{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.08em;line-height:1.1;margin:65px 0}.about-head h1 span{color:#8dccf4}.about-head p{font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.6;max-width:850px}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:125px clamp(22px,7vw,120px)}.about-details h2{font-size:3rem}.about-details p{font-size:1.2rem;line-height:1.8}.about-details ul{list-style:none;padding:0}.about-details li{display:grid;grid-template-columns:155px 1fr;gap:15px;border-top:1px solid #bfc7cb;padding:25px 0;line-height:1.6}.about-details time{color:#65829a}.about-contact{background:#dce9f2;padding:90px clamp(22px,7vw,120px)}.about-contact a{display:block;font-size:clamp(1.5rem,4vw,4rem);letter-spacing:-.05em;margin:30px 0;overflow-wrap:anywhere}.about-contact p{color:#5c7184}
@media(max-width:950px){.home-hero{height:auto;max-height:none;min-height:1000px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(5rem,15vw,9rem)}.hero-bottom{margin-top:55px}.archive{width:min(72vw,600px);right:10vw;bottom:90px;height:440px}.scroll-note{bottom:24px}.section-heading{display:block}.section-heading p{margin:15px 0}.about-teaser{grid-template-columns:1fr}.case-hero-grid{grid-template-columns:1fr}.case-cover{height:330px;max-width:650px}.case-hero{padding-bottom:80px}.chapter{grid-template-columns:140px 1fr}.row-title em{width:100%}}
@media(max-width:650px){.nav{height:67px;padding:0 20px}.nav nav{gap:15px;font-size:.78rem}.brand{font-size:.85rem}.home-hero{min-height:980px;padding:110px 22px 70px}.eyebrow{font-size:.67rem}.hero-copy h1{font-size:clamp(4.2rem,17vw,7rem);margin-top:75px}.hero-bottom{display:block}.hero-bottom span{display:block;margin-top:15px}.archive{width:88vw;right:2vw;bottom:85px;height:385px}.folder{width:68%;height:42%}.folder-0{left:1%;bottom:0}.folder-1{left:29%;bottom:12%}.folder-2{left:8%;bottom:36%}.folder-3{left:27%;bottom:53%}.folder-card{top:-54px;padding:15px}.folder-card strong{font-size:1.08rem;margin-top:8px}.folder-card em,.folder-card>span{display:none}.folder:hover .folder-card{top:-70px}.folder-front{padding:15px}.folder-front b{font-size:2.4rem}.folder-front span:nth-child(2){font-size:.75rem}.scroll-note{font-size:.6rem}.index-section{padding:80px 22px}.project-row{grid-template-columns:38px 90px 1fr 20px;gap:10px;min-height:120px}.row-image{height:75px}.row-title{gap:4px}.row-title strong{font-size:1.1rem}.row-title small{font-size:.68rem}.row-title em{font-size:.72rem;line-height:1.35}.row-arrow{font-size:1.1rem}.row-num{font-size:.7rem}.about-teaser{padding:70px 22px}.footer{flex-wrap:wrap;padding:28px 22px}.case-hero{min-height:0;padding:115px 22px 55px}.case-meta{font-size:.63rem;gap:12px;flex-wrap:wrap}.case-hero-grid{margin-top:35px}.case-hero h1{font-size:3.5rem}.case-cover{height:230px;border-width:7px}.case-body{padding:0 22px}.brief-title{padding-top:75px}.brief-grid{grid-template-columns:1fr}.brief-grid>div{min-height:0;padding:23px}.chapter{display:block;padding:80px 0}.chapter>span{display:block;margin-bottom:30px}.chapter p{font-size:1rem}.decisions article{grid-template-columns:35px 1fr;gap:12px}.decisions article h3{font-size:1.25rem}.solutions figure{margin:30px 0 45px}.demo-section{padding:80px 0}.demo-layout{grid-template-columns:1fr;gap:45px}.demo-phone{max-width:400px;margin:auto;width:100%}.demo-scene{height:380px}.about-head{padding:125px 22px 80px}.about-head h1{margin:60px 0;font-size:3.8rem}.about-details{grid-template-columns:1fr;padding:75px 22px}.about-contact{padding:70px 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.folder:hover,.folder:focus-visible{transform:rotate(var(--rot))}.folder:hover .folder-card,.folder:focus-visible .folder-card{top:-75px;transform:rotate(-3deg)}}

/* Liquid Design Archive: scoped entirely to the homepage hero. */
body[data-page="home"] .home-hero{isolation:isolate;background:linear-gradient(115deg,#77b6e9 0%,#477ed1 34%,#315baa 62%,#152e67 100%);color:#f8fcff;min-height:790px;padding-top:clamp(120px,13vh,170px)}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#b6dff317 0%,transparent 50%,#061a4766 100%)}
.gradient-field{position:absolute;display:block;border-radius:50%;filter:blur(68px);opacity:.56;will-change:transform;transform:translate3d(0,0,0)}
.field-one{width:66vw;height:65vw;min-width:700px;min-height:700px;left:-22%;top:-56%;background:radial-gradient(circle,#bee8fb 0%,#88c6ef 46%,transparent 73%);animation:fieldDriftA 42s ease-in-out infinite alternate}
.field-two{width:56vw;height:56vw;min-width:580px;min-height:580px;right:-6%;top:-33%;background:radial-gradient(circle,#92cafa 0%,#5a99e0 49%,transparent 73%);opacity:.38;animation:fieldDriftB 38s ease-in-out infinite alternate}
.field-three{width:72vw;height:62vw;min-width:820px;min-height:700px;left:9%;bottom:-83%;background:radial-gradient(circle,#1c3e91 0%,#163b89 39%,transparent 70%);opacity:.45;animation:fieldDriftC 48s ease-in-out infinite alternate}
.field-four{width:46vw;height:44vw;min-width:480px;min-height:480px;right:-18%;bottom:-40%;background:radial-gradient(circle,#84bfee 0%,#4f82ca 46%,transparent 72%);opacity:.22;animation:fieldDriftD 34s ease-in-out infinite alternate}
@keyframes fieldDriftA{to{transform:translate3d(7vw,4vh,0) scale(1.05)}}@keyframes fieldDriftB{to{transform:translate3d(-5vw,8vh,0) scale(.97)}}@keyframes fieldDriftC{to{transform:translate3d(4vw,-7vh,0) scale(1.06)}}@keyframes fieldDriftD{to{transform:translate3d(-6vw,-5vh,0) scale(1.02)}}
.liquid-lens{position:absolute;top:0;left:0;width:320px;height:320px;border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity;background:radial-gradient(circle,#f6fcff15 0%,#d9f3ff0c 28%,transparent 67%);backdrop-filter:blur(2px) brightness(1.035);-webkit-backdrop-filter:blur(2px) brightness(1.035);mask-image:radial-gradient(circle,#000 0%,#0008 33%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0008 33%,transparent 68%);transition:opacity .9s ease;z-index:1}
body[data-page="home"] .home-hero:before{display:none}
body[data-page="home"] .nav{animation:heroFade .7s .2s both}
body[data-page="home"] .hero-copy{max-width:72%;z-index:2}
body[data-page="home"] .eyebrow{color:#e9f5ffb8;font-weight:400;letter-spacing:.16em;animation:heroFade .8s .2s both}
body[data-page="home"] .hero-copy h1{font-size:clamp(5.8rem,10.8vw,12.5rem);letter-spacing:-.095em;line-height:.85;margin:clamp(65px,9vh,116px) 0 0;font-weight:620}
.title-mask{display:block;width:max-content;max-width:100%;overflow:hidden;clip-path:inset(0 100% 0 0);will-change:clip-path;animation:maskOpen .7s cubic-bezier(.22,.7,.1,1) both}
.design-mask{animation-delay:.3s}.archive-mask{animation-duration:.78s;animation-delay:.43s}
.title-word{display:block;width:max-content;position:relative;background:linear-gradient(105deg,#fff 25%,#eefaff 49%,#cbeaff 58%,#f4fbff 74%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:letterSheen 1.15s ease-out both}
.design-word{animation-delay:.3s}.archive-word{animation-delay:.43s}
.archive-word i{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.085em;padding-right:.09em}
.archive-word .period{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-weight:400;font-style:italic;color:#e0f5ff}
/* Typography variant B was compared against A: both lines in editorial serif. A is selected. */
.hero-type-b .design-word,.hero-type-b .archive-word i{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-weight:400;letter-spacing:-.07em}
@keyframes maskOpen{to{clip-path:inset(0 0 0 0)}}@keyframes letterSheen{from{background-position:100% 0}to{background-position:0 0}}@keyframes heroFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body[data-page="home"] .hero-bottom{margin-top:clamp(55px,9vh,115px);gap:clamp(40px,5vw,95px);align-items:start;animation:heroFade .85s .8s both}
body[data-page="home"] .hero-bottom p{font-size:clamp(1rem,1.15vw,1.125rem);font-weight:300;line-height:1.5;color:#f4faffa3}
body[data-page="home"] .hero-bottom span{font-size:.74rem;font-weight:400;line-height:1.7;color:#f2f8ffa0;letter-spacing:.02em}
body[data-page="home"] .scroll-note{animation:heroFade .65s 1.4s both;color:#e8f6ffb8;font-size:.7rem;font-weight:500}
body[data-page="home"] .archive{width:clamp(610px,45vw,820px);height:clamp(515px,53vh,690px);right:clamp(5px,2.2vw,90px);bottom:clamp(38px,7vh,110px);perspective:1000px;z-index:4}
body[data-page="home"] .folder{width:58%;height:40%;filter:drop-shadow(0 13px 18px #0a20433d);transform:translate3d(0,calc(var(--near,0) * -10px),0) rotate(var(--rot));transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .5s;animation:folderArrive .8s cubic-bezier(.18,.83,.26,1) both}
body[data-page="home"] .folder-3{--rot:9deg;left:38%;bottom:51%;animation-delay:.9s;z-index:4}
body[data-page="home"] .folder-2{--rot:-7deg;left:7%;bottom:39%;animation-delay:1s;z-index:5}
body[data-page="home"] .folder-1{--rot:7deg;left:37%;bottom:17%;animation-delay:1.1s;z-index:6}
body[data-page="home"] .folder-0{--rot:-8deg;left:1%;bottom:0;animation-delay:1.2s;z-index:7}
@keyframes folderArrive{from{opacity:0;translate:0 16px;rotate:-2deg}to{opacity:1;translate:0 0;rotate:0deg}}
body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{transform:translate3d(0,-20px,0) rotate(0);z-index:8!important;filter:drop-shadow(0 15px 18px #0a204342)}
body[data-page="home"] .folder:active{transform:translate3d(0,-42px,0) rotate(0)}
body[data-page="home"] .folder-front{border:1px solid #effbff9c;box-shadow:inset 0 1px #ffffff8c;backdrop-filter:blur(10px)}
body[data-page="home"] .folder-front:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,transparent 23%,#ffffffcc 36%,#cdf5ff 43%,transparent 57%);background-size:260% 100%;background-position:140% 0;opacity:0;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}
body[data-page="home"] .folder:hover .folder-front:after,body[data-page="home"] .folder:focus-visible .folder-front:after{opacity:1;animation:edgePass 1.05s ease-out 1 both}
@keyframes edgePass{to{background-position:-100% 0}}
body[data-page="home"] .folder-card{box-shadow:0 5px 15px #10294b26}
@media(min-width:1800px){body[data-page="home"] .archive{width:clamp(780px,43vw,980px);height:clamp(620px,60vh,780px);right:clamp(45px,5vw,150px)}body[data-page="home"] .hero-copy h1{font-size:clamp(11rem,10vw,14rem)}}
@media(max-width:1100px){body[data-page="home"] .hero-copy{max-width:100%}body[data-page="home"] .archive{width:min(76vw,700px);height:450px;right:5vw;bottom:90px}body[data-page="home"] .hero-bottom{margin-top:45px}}
@media(max-width:650px){body[data-page="home"] .home-hero{min-height:930px;padding:105px 22px 70px}body[data-page="home"] .hero-copy h1{font-size:clamp(4.3rem,16vw,6.5rem);margin-top:78px}body[data-page="home"] .hero-bottom{margin-top:35px}body[data-page="home"] .hero-bottom span{margin-top:13px}body[data-page="home"] .archive{width:92vw;height:370px;right:2vw;bottom:86px}body[data-page="home"] .folder{width:69%;height:42%}body[data-page="home"] .folder-3{left:29%;bottom:53%}body[data-page="home"] .folder-2{left:5%;bottom:36%}body[data-page="home"] .folder-1{left:29%;bottom:13%}body[data-page="home"] .folder-0{left:0;bottom:0}body[data-page="home"] .folder-front{padding:15px}body[data-page="home"] .folder-card{top:-54px}body[data-page="home"] .folder:hover .folder-card{top:-70px}}
@media(hover:none),(pointer:coarse){.liquid-lens{display:none}body[data-page="home"] .folder-front{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.gradient-field,.title-mask,.title-word,body[data-page="home"] .eyebrow,body[data-page="home"] .hero-bottom,body[data-page="home"] .scroll-note,body[data-page="home"] .nav,body[data-page="home"] .folder{animation:none!important}.title-mask{clip-path:none}.liquid-lens{display:none}body[data-page="home"] .folder,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{transform:rotate(var(--rot))}body[data-page="home"] .folder-front:after{display:none}}

/* Second hero refinement: one physical liquid-light system, no changes below hero. */
body[data-page="home"] .home-hero{background:linear-gradient(118deg,#98c9ef 0%,#5c91da 34%,#355fb0 65%,#19366e 100%);padding-top:clamp(105px,11.5vh,150px)}
body[data-page="home"] .hero-atmosphere{background:linear-gradient(180deg,#e5f8ff08,transparent 50%,#102b6650)}
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease;pointer-events:none}
.has-liquid-canvas .liquid-canvas{opacity:1}
.has-liquid-canvas .gradient-field{opacity:0;animation:none}
body[data-page="home"] .hero-copy h1{margin-top:clamp(48px,5.5vh,64px)}
body[data-page="home"] .hero-bottom{margin-top:clamp(48px,6vh,78px);gap:clamp(35px,5vw,90px)}
body[data-page="home"] .hero-bottom p,body[data-page="home"] .hero-bottom span{font-size:clamp(.8125rem,.9vw,.875rem);font-weight:300;line-height:1.58;color:#eef7ff9c;letter-spacing:.015em}
body[data-page="home"] .eyebrow{font-size:.73rem;font-weight:400;color:#eff8ffad}
body[data-page="home"] .design-word{background-image:linear-gradient(105deg,#fffdf9 0%,#fffdf9 33%,#e7f7ff 50%,#ece4fb 55%,#fff1cc 60%,#fffdf9 73%)}
body[data-page="home"] .archive-word{background-image:linear-gradient(105deg,#dcefff 0%,#e6f4ff 36%,#dfe0fa 51%,#fff0d4 57%,#dcefff 74%)}
body[data-page="home"] h1.ink-active .title-word{background-size:240% 100%;background-position:var(--ink-x,50%) 0;transition:background-position .15s linear}
body[data-page="home"] .archive-word .period{font-family:"Iowan Old Style","Baskerville",Georgia,serif;font-style:normal;color:#e5f2ff}
body[data-page="home"] .archive{width:clamp(660px,55vw,980px);height:clamp(500px,62vh,680px);right:clamp(-35px,-2vw,0px);bottom:clamp(34px,7vh,105px)}
body[data-page="home"] .folder{width:clamp(330px,25vw,470px);height:auto;aspect-ratio:1.63;filter:drop-shadow(0 13px 17px #0d28543a);border-radius:13px 22px 22px 22px}
body[data-page="home"] .folder-3{--rot:7deg;left:51%;bottom:57%}
body[data-page="home"] .folder-2{--rot:-6deg;left:5%;bottom:43%}
body[data-page="home"] .folder-1{--rot:5deg;left:49%;bottom:19%}
body[data-page="home"] .folder-0{--rot:-7deg;left:2%;bottom:1%}
body[data-page="home"] .folder-tab{background:#d7ebf4e0;border:1px solid #ffffff8c;border-bottom:0;color:#30526c}
body[data-page="home"] .folder-front{isolation:isolate;overflow:hidden;border:1px solid #f5fcffb5;box-shadow:inset 1px 1px #ffffffa8,inset -1px -1px #6c9bc036;background:linear-gradient(137deg,#c6ebf2c4,#83b6d4ae 48%,#759fd0b8);backdrop-filter:blur(14px) saturate(1.18) brightness(1.03);-webkit-backdrop-filter:blur(14px) saturate(1.18) brightness(1.03)}
body[data-page="home"] .folder-1 .folder-front{background:linear-gradient(133deg,#d9e9f3c6,#9ab9dcab 46%,#7b98c9b8)}
body[data-page="home"] .folder-2 .folder-front{background:linear-gradient(133deg,#e1edf6c8,#b6cce3ac 46%,#92add6b8)}
body[data-page="home"] .folder-3 .folder-front{background:linear-gradient(133deg,#e2e7f6c8,#baaed9ab 47%,#989fcbb8)}
body[data-page="home"] .folder-front>span,body[data-page="home"] .folder-front>b{position:relative;z-index:1}
body[data-page="home"] .folder-front:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 75% 95% at var(--spec-x,17%) var(--spec-y,10%),#fff9 0%,#effaff42 20%,transparent 58%),linear-gradient(125deg,#fff8,transparent 25%);opacity:.5;transition:opacity .45s ease;mix-blend-mode:screen}
body[data-page="home"] .folder:hover .folder-front:before,body[data-page="home"] .folder.edge-active .folder-front:before{opacity:.8}
body[data-page="home"] .folder-front:after{inset:0;z-index:2;border-radius:inherit;padding:1px;background:conic-gradient(from 170deg at 50% 50%,transparent 0 35%,#fff1b8a8 42%,#ffd878a8 44%,#bdf4ffc7 47%,transparent 54%);background-size:100% 100%;background-position:center;opacity:0;transform:rotate(-18deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}
body[data-page="home"] .folder.edge-active .folder-front:after,body[data-page="home"] .folder:hover .folder-front:after,body[data-page="home"] .folder:focus-visible .folder-front:after{opacity:1;animation:iridescentPass 1.05s ease-out 1 both}
@keyframes iridescentPass{from{transform:rotate(-18deg);opacity:0}20%{opacity:.8}to{transform:rotate(70deg);opacity:0}}
body[data-page="home"] .folder-card{top:-104px;left:12%;right:12%;height:76%;box-shadow:0 7px 18px #10294b26}
body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-132px}
body[data-page="home"] .folder-card strong{font-size:clamp(1.15rem,1.36vw,1.5rem);line-height:1.32;letter-spacing:-.035em;color:#3c4b4f;background:linear-gradient(110deg,#3c4b4f 5%,#6f8287c9 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body[data-page="home"] .folder-card em{font-size:.7rem;color:#5d7180;letter-spacing:.025em}
body[data-page="home"] .folder-front b{opacity:.25}
@media(min-width:1800px){body[data-page="home"] .archive{width:clamp(900px,51vw,1160px);height:clamp(600px,66vh,760px);right:clamp(20px,4vw,170px)}}
@media(max-width:1100px){body[data-page="home"] .archive{width:min(82vw,770px);height:470px;right:3vw;bottom:80px}body[data-page="home"] .folder{width:clamp(300px,37vw,400px)}}
@media(max-width:650px){body[data-page="home"] .home-hero{min-height:930px;padding-top:105px}body[data-page="home"] .hero-copy h1{margin-top:60px}body[data-page="home"] .hero-bottom{margin-top:31px}body[data-page="home"] .hero-bottom p,body[data-page="home"] .hero-bottom span{font-size:.8125rem}body[data-page="home"] .archive{width:96vw;height:410px;right:0;bottom:55px}body[data-page="home"] .folder{width:64%;aspect-ratio:1.63}body[data-page="home"] .folder-3{left:34%;bottom:58%}body[data-page="home"] .folder-2{left:2%;bottom:43%}body[data-page="home"] .folder-1{left:34%;bottom:22%}body[data-page="home"] .folder-0{left:1%;bottom:1%}body[data-page="home"] .folder-card{top:-73px;padding:12px}body[data-page="home"] .folder-card strong{font-size:.95rem;margin-top:6px}body[data-page="home"] .folder-card em{display:block;font-size:.58rem}body[data-page="home"] .folder:hover .folder-card{top:-86px}body[data-page="home"] .folder-front{padding:13px;backdrop-filter:blur(7px) saturate(1.12)}body[data-page="home"] .folder-front b{font-size:2rem}}
@media(hover:none),(pointer:coarse){body[data-page="home"] .folder-front:before{opacity:.34}body[data-page="home"] .folder-front:after{display:none}}
@media(prefers-reduced-motion:reduce){.liquid-canvas{display:none}.gradient-field{opacity:.45!important}body[data-page="home"] .folder-front:after{display:none}body[data-page="home"] h1.ink-active .title-word{background-position:0 0}}

/* Physical displacement, not a cursor halo. */
.hero-water-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
body[data-page="home"] .gradient-field{display:none!important}
body[data-page="home"] .title-word,body[data-page="home"] .design-word,body[data-page="home"] .archive-word{background:none!important;color:#fffdf6;-webkit-text-fill-color:currentColor;animation:none!important}
body[data-page="home"] .archive-word,body[data-page="home"] .archive-word i,body[data-page="home"] .archive-word .period{color:#dcefff;-webkit-text-fill-color:currentColor}
.water-glyph{display:inline-block;position:relative;filter:none}
.water-glyph.water-affected,body[data-page="home"] .folder-front.water-affected,body[data-page="home"] .folder-card.water-affected{filter:url(#hero-water)}
body[data-page="home"] .folder-front:before{background:linear-gradient(120deg,#ffffff61,transparent 29%,#eaf5ff20 65%,transparent);opacity:.42}
body[data-page="home"] .folder:hover .folder-front:before,body[data-page="home"] .folder.edge-active .folder-front:before{opacity:.55}
@media(prefers-reduced-motion:reduce){.water-glyph.water-affected,body[data-page="home"] .folder-front.water-affected,body[data-page="home"] .folder-card.water-affected{filter:none}}

/* One compact archive pile. */
body[data-page="home"] .archive{--step-x:clamp(55px,4.05vw,74px);--step-y:clamp(26px,2vw,36px);--spread:clamp(145px,10.8vw,195px);width:clamp(450px,39vw,690px);height:clamp(430px,56vh,580px);right:clamp(30px,7vw,160px);bottom:clamp(45px,10vh,120px)}
body[data-page="home"] .folder{width:calc(100% - var(--spread));height:auto;aspect-ratio:1.51;opacity:1;transform:rotate(var(--rot));transition:transform .45s cubic-bezier(.2,.78,.2,1),opacity .38s ease,filter .38s ease;filter:drop-shadow(0 10px 15px #10234835)}
body[data-page="home"] .folder-0{--rot:-3deg;left:0;bottom:0;z-index:7}
body[data-page="home"] .folder-1{--rot:-1deg;left:var(--step-x);bottom:var(--step-y);z-index:6}
body[data-page="home"] .folder-2{--rot:1deg;left:calc(2 * var(--step-x));bottom:calc(2 * var(--step-y));z-index:5}
body[data-page="home"] .folder-3{--rot:3deg;left:calc(3 * var(--step-x));bottom:calc(3 * var(--step-y));z-index:4}
body[data-page="home"] .archive.has-active .folder:not(.is-active){opacity:.58;filter:drop-shadow(0 7px 12px #10234826)}
body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{z-index:12!important;opacity:1;transform:translateY(-14px) rotate(0);filter:drop-shadow(0 16px 22px #10234852)}
body[data-page="home"] .folder-card{top:-100px;transition:top .4s cubic-bezier(.2,.78,.2,1),opacity .35s ease}
body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-117px}
body[data-page="home"] .archive.has-active .folder:not(.is-active) .folder-card{opacity:.78}
body[data-page="home"] .folder-front{background:linear-gradient(138deg,#effdfff5 0%,#bcebfaf1 52%,#91d2e9ee 100%);border:1px solid #f2fcffbd;box-shadow:inset 1px 1px 0 #ffffff9c,inset 2px 0 0 #f4ffff55,inset -1px 0 0 #5f98b449,inset 0 -2px 0 #65a4c479,inset 0 -6px 12px #6aa3bf16,0 2px 0 #6195b68a;backdrop-filter:blur(18px) saturate(1.18) brightness(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.18) brightness(1.04)}
body[data-page="home"] .folder-1 .folder-front{background:linear-gradient(138deg,#f1f5fff5 0%,#c7d5fff1 52%,#a5b9e9ee 100%)}
body[data-page="home"] .folder-2 .folder-front{background:linear-gradient(138deg,#f5fbfff6 0%,#d6e8faf2 52%,#accaebee 100%)}
body[data-page="home"] .folder-3 .folder-front{background:linear-gradient(138deg,#f8f5fff5 0%,#d9d0f4f1 52%,#b7b0e4ee 100%)}
body[data-page="home"] .folder.is-active .folder-front{background:linear-gradient(135deg,#edf8f8ed,#b7d6e6e8 57%,#93b6d7e8);backdrop-filter:blur(18px) saturate(1.16) brightness(1.07);-webkit-backdrop-filter:blur(18px) saturate(1.16) brightness(1.07)}
body[data-page="home"] .folder-front:after{display:none}
body[data-page="home"] .edge-glint-top,body[data-page="home"] .edge-glint-side{position:absolute!important;z-index:3!important;pointer-events:none;display:block;opacity:0;border-radius:2px;background:linear-gradient(90deg,transparent,#fff6d6,#ffd56a,#fff4c2,transparent);box-shadow:0 0 2px #fff1b875}
body[data-page="home"] .edge-glint-top{top:0;left:7%;width:72px;height:2px}
body[data-page="home"] .edge-glint-side{top:0;right:0;width:2px;height:60px;background:linear-gradient(180deg,transparent,#fff6d6,#ffd56a,#fff4c2,transparent)}
body[data-page="home"] .folder.edge-active .edge-glint-top,body[data-page="home"] .folder:hover .edge-glint-top,body[data-page="home"] .folder:focus-visible .edge-glint-top{animation:edgeTopPass .82s ease-out 1 both}
body[data-page="home"] .folder.edge-active .edge-glint-side,body[data-page="home"] .folder:hover .edge-glint-side,body[data-page="home"] .folder:focus-visible .edge-glint-side{animation:edgeSidePass .32s .68s ease-out 1 both}
@keyframes edgeTopPass{0%{left:7%;opacity:0}20%{opacity:1}76%{opacity:1}100%{left:calc(100% - 75px);opacity:0}}
@keyframes edgeSidePass{0%{top:0;opacity:0}25%{opacity:1}100%{top:58px;opacity:0}}
@media(max-width:650px){body[data-page="home"] .archive{--step-x:clamp(34px,10vw,42px);--step-y:clamp(28px,8vw,36px);--spread:118px;width:calc(100vw - 18px);height:350px;right:4px;bottom:56px}body[data-page="home"] .folder{width:calc(100% - var(--spread));aspect-ratio:1.63}body[data-page="home"] .folder-card{top:-72px}body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card{top:-86px}body[data-page="home"] .folder-front{backdrop-filter:blur(16px) saturate(1.17);-webkit-backdrop-filter:blur(16px) saturate(1.17)}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .folder,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{transform:rotate(var(--rot))}body[data-page="home"] .edge-glint-top,body[data-page="home"] .edge-glint-side{display:none}}

/* Give the two editorial title lines room to breathe. */
body[data-page="home"] .design-word{letter-spacing:-.015em}
body[data-page="home"] .archive-word,body[data-page="home"] .archive-word i{letter-spacing:.008em}
body[data-page="home"] .archive-mask{margin-top:10px}

/* Editorial pearlescent archive: scoped to the homepage hero. */
body[data-page="home"] .archive{--step-x:clamp(52px,3.8vw,68px);--step-y:clamp(38px,3.1vw,50px);height:clamp(510px,62vh,660px);bottom:clamp(32px,6vh,82px)}
body[data-page="home"] .folder{border-radius:30px 32px 32px 30px;filter:drop-shadow(0 13px 38px rgb(30 70 140 / .13));transition:transform .58s cubic-bezier(.32,.72,0,1),filter .55s ease;will-change:transform}
body[data-page="home"] .archive.has-active .folder:not(.is-active){opacity:1;filter:drop-shadow(0 13px 38px rgb(30 70 140 / .13))}
body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{transform:translateY(-22px) scale(1.032) rotate(0);filter:drop-shadow(0 16px 44px rgb(30 70 140 / .16))}
body[data-page="home"] .folder-card{border-radius:26px;background:linear-gradient(145deg,#fffefdfb,#f3f8f9f8);box-shadow:0 12px 38px rgb(30 70 140 / .12);transform:translateY(0) rotate(-2deg);transition:transform .62s cubic-bezier(.32,.72,0,1),opacity .45s ease;overflow:hidden}
body[data-page="home"] .folder:not(.folder-0):not(.is-active):not(:hover):not(:focus-visible) .folder-card strong,body[data-page="home"] .folder:not(.folder-0):not(.is-active):not(:hover):not(:focus-visible) .folder-card em,body[data-page="home"] .folder:not(.folder-0):not(.is-active):not(:hover):not(:focus-visible) .folder-card>span{opacity:0}
body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-100px;transform:translateY(-18px) rotate(0)}
body[data-page="home"] .archive.has-active .folder:not(.is-active) .folder-card{opacity:1}
body[data-page="home"] .folder-front{border-radius:30px 32px 32px 30px;background:linear-gradient(138deg,#f3fdfff7 0%,#bfeffff1 53%,#98dbeaee 100%);border:1px solid #f9ffffb8;box-shadow:inset 1px 1px 0 #ffffffaa,inset 2px 0 0 #ffffff48,inset -1px 0 0 #82b5d04a,inset 0 -2px 0 #76b6ce78,0 2px 0 #8fb6ce75;backdrop-filter:blur(13px) saturate(1.34);-webkit-backdrop-filter:blur(13px) saturate(1.34)}
body[data-page="home"] .folder-1 .folder-front{background:linear-gradient(138deg,#f6f8fff7 0%,#c9d8fff2 53%,#adc4f1ef 100%)}
body[data-page="home"] .folder-2 .folder-front{background:linear-gradient(138deg,#f8fcfff8 0%,#d8e8f8f2 53%,#b8d4eaf0 100%)}
body[data-page="home"] .folder-3 .folder-front{background:linear-gradient(138deg,#faf7fff7 0%,#ded2f7f2 53%,#c3b6eaf0 100%)}
body[data-page="home"] .folder.is-active .folder-front{background:linear-gradient(138deg,#f8fffff8 0%,var(--active-tint,#bfeffff4) 52%,var(--active-deep,#98dbeaf1) 100%);backdrop-filter:blur(11px) saturate(1.4);-webkit-backdrop-filter:blur(11px) saturate(1.4)}
body[data-page="home"] .folder-1{--active-tint:#c9d8fff5;--active-deep:#adc4f1f1}
body[data-page="home"] .folder-2{--active-tint:#d8e8f8f5;--active-deep:#b8d4eaf1}
body[data-page="home"] .folder-3{--active-tint:#ded2f7f5;--active-deep:#c3b6eaf1}
body[data-page="home"] .folder-front:before{background:radial-gradient(ellipse 52% 46% at var(--spec-x,22%) var(--spec-y,18%),#fff9ec91 0%,#cff5ff4a 43%,#e4d8ff28 69%,transparent 100%);opacity:var(--spec-opacity,.15);mix-blend-mode:screen;transition:opacity .46s ease}
body[data-page="home"] .folder.is-active .folder-front:before,body[data-page="home"] .folder:hover .folder-front:before{opacity:var(--spec-opacity,.48)}
body[data-page="home"] .folder-front:after{display:block;position:absolute;inset:-85% -110%;z-index:2;pointer-events:none;background:linear-gradient(130deg,transparent 38%,#ffe2a819 43%,#fff9ec70 48%,#cff5ff69 53%,#e4d8ff36 58%,transparent 64%);opacity:0;transform:translate3d(-45%,-38%,0) rotate(-7deg)}
body[data-page="home"] .folder.studio-sweep .folder-front:after{animation:studioSweep 1.02s cubic-bezier(.32,.72,0,1) both}
@keyframes studioSweep{0%{opacity:0;transform:translate3d(-45%,-38%,0) rotate(-7deg)}20%{opacity:.5}75%{opacity:.42}100%{opacity:0;transform:translate3d(42%,35%,0) rotate(-7deg)}}
body[data-page="home"] .edge-glint-top,body[data-page="home"] .edge-glint-side{display:none!important}
body[data-page="home"] .folder-tab{border-radius:15px 15px 0 0;background:#e7f6ffed;border-color:#fff9;color:#315976;box-shadow:0 -2px 12px rgb(30 70 140 / .08)}
body[data-page="home"] .folder-1 .folder-tab{background:#e8edffef}body[data-page="home"] .folder-2 .folder-tab{background:#e9f4fbef}body[data-page="home"] .folder-3 .folder-tab{background:#eee8f9ef}
body[data-page="home"] .folder:not(.folder-0) .folder-front>b{position:absolute;right:16px;top:22px;font-size:1.45rem;opacity:.65}
body[data-page="home"] .folder:not(.folder-0) .folder-front>span:first-of-type{position:absolute;right:16px;top:57px;writing-mode:vertical-rl;font-size:.8rem;line-height:1.25;letter-spacing:.06em}
body[data-page="home"] .folder:not(.folder-0) .folder-front>span:nth-of-type(2){display:none}
body[data-page="home"] .folder.is-active .folder-front>span:first-of-type,body[data-page="home"] .folder:hover .folder-front>span:first-of-type{writing-mode:horizontal-tb;top:auto;bottom:24px;right:60px;font-size:1.1rem}
body[data-page="home"] .folder.is-active .folder-front>b,body[data-page="home"] .folder:hover .folder-front>b{top:auto;right:auto;left:24px;bottom:24px;font-size:3.2rem;opacity:.28}
body[data-page="home"] .archive-sound{position:absolute;right:0;bottom:-30px;z-index:15;padding:6px 0;border:0;background:none;color:#e5f2ffd1;font-size:.68rem;font-weight:700;letter-spacing:.16em;cursor:pointer}
body[data-page="home"] .archive-sound:hover,body[data-page="home"] .archive-sound:focus-visible{color:#fff}
body[data-page="home"] .water-glyph.lens-affected{text-shadow:1px 0 #cff5ff85,-1px 0 #e4d8ff80}
body[data-page="home"] .home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 24% 25% at var(--lens-x,50%) var(--lens-y,50%),#dff6ff0f,transparent 100%);opacity:var(--lens-opacity,0);transition:opacity .5s ease}
@media(max-width:650px){body[data-page="home"] .home-hero{min-height:100dvh}body[data-page="home"] .archive{--step-x:clamp(34px,9vw,42px);--step-y:clamp(38px,10vw,46px);height:390px;bottom:clamp(52px,7vh,72px)}body[data-page="home"] .folder{border-radius:23px 25px 25px 23px}body[data-page="home"] .folder-front{border-radius:23px 25px 25px 23px}body[data-page="home"] .folder-card{border-radius:22px}body[data-page="home"] .folder:not(.folder-0) .folder-front>span:first-of-type{font-size:.68rem;right:10px}body[data-page="home"] .folder:not(.folder-0) .folder-front>b{right:10px;font-size:1.15rem}body[data-page="home"] .archive-sound{display:none}}
@media(hover:none),(pointer:coarse){body[data-page="home"] .home-hero:after{display:none}body[data-page="home"] .folder:not(.is-active) .folder-front:before{opacity:.13}body[data-page="home"] .folder.is-active{transform:translateY(-12px) scale(1.018) rotate(0)}}
@media(max-width:650px){body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-72px;transform:translateY(-15px) rotate(0)}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .folder.studio-sweep .folder-front:after,body[data-page="home"] .folder-front:after{animation:none!important;display:none}body[data-page="home"] .water-glyph.lens-affected{text-shadow:none}body[data-page="home"] .home-hero:after{display:none}body[data-page="home"] .folder,body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{transition:transform .18s ease;transform:translateY(-4px) rotate(var(--rot))}body[data-page="home"] .folder-card{transition:opacity .18s ease}}

/* The four files share one editorial object geometry and interaction model. */
body[data-page="home"] .archive{--step-x:clamp(54px,3.8vw,70px);--step-y:clamp(42px,3.4vw,56px);right:clamp(28px,4vw,120px);bottom:clamp(185px,22vh,250px)}
body[data-page="home"] .folder{--lift:0px;--scale:1;--tilt-x:0deg;--tilt-y:0deg;border-radius:30px;transform:perspective(900px) rotate(var(--rot)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));translate:0 var(--lift);scale:var(--scale);transition:translate .55s cubic-bezier(.32,.72,0,1),scale .55s cubic-bezier(.32,.72,0,1),transform .24s ease-out,filter .55s ease;filter:drop-shadow(0 16px 46px rgb(35 75 150 / .12))}
body[data-page="home"] .folder-0{--rot:-2.5deg}body[data-page="home"] .folder-1{--rot:-.8deg}body[data-page="home"] .folder-2{--rot:.9deg}body[data-page="home"] .folder-3{--rot:2.5deg}
body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{--lift:-22px;--scale:1.03;--rot:0deg;transform:perspective(900px) rotate(var(--rot)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));filter:drop-shadow(0 18px 52px rgb(35 75 150 / .14))}
body[data-page="home"] .archive.has-active .folder:not(.is-active){opacity:1;filter:drop-shadow(0 16px 46px rgb(35 75 150 / .12))}
body[data-page="home"] .folder-card{border-radius:24px;top:-100px;transform:translateY(0) rotate(-2deg);transition:transform .6s cubic-bezier(.32,.72,0,1),opacity .45s ease}
body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-100px;transform:translateY(-16px) rotate(0)}
body[data-page="home"] .folder-front{border-radius:30px;border:1px solid rgb(249 255 255 / .52);box-shadow:inset 1px 1px 0 rgb(255 255 255 / .58),inset -1px 0 0 rgb(90 145 190 / .18),inset 0 -2px 0 rgb(95 150 195 / .42),inset 0 -9px 17px rgb(60 110 170 / .06),0 2px 0 rgb(95 145 195 / .32);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);background:radial-gradient(ellipse 78% 68% at 11% 8%,#f1ffffca,transparent 72%),linear-gradient(138deg,#d7fafff7 0%,#a8e8f8f3 55%,#7fcdebed 100%)}
body[data-page="home"] .folder-1 .folder-front{background:radial-gradient(ellipse 78% 68% at 11% 8%,#f6f9ffce,transparent 72%),linear-gradient(138deg,#e0e9fff7 0%,#b8cafff3 55%,#91a8f1ed 100%)}
body[data-page="home"] .folder-2 .folder-front{background:radial-gradient(ellipse 78% 68% at 11% 8%,#f8fdffce,transparent 72%),linear-gradient(138deg,#ebf6fff7 0%,#c9e3f7f3 55%,#9dcbe5ed 100%)}
body[data-page="home"] .folder-3 .folder-front{background:radial-gradient(ellipse 78% 68% at 11% 8%,#fffaffce,transparent 72%),linear-gradient(138deg,#f0e8fff7 0%,#d7c6faf3 55%,#b39ae8ed 100%)}
body[data-page="home"] .folder.is-active .folder-front{background:radial-gradient(ellipse 78% 68% at 11% 8%,#fffefdd5,transparent 72%),linear-gradient(138deg,var(--tint-light,#d7fafff7) 0%,var(--tint-mid,#a8e8f8f3) 55%,var(--tint-deep,#7fcdebed) 100%);backdrop-filter:blur(9px) saturate(1.46);-webkit-backdrop-filter:blur(9px) saturate(1.46)}
body[data-page="home"] .folder-1{--tint-light:#e0e9fff7;--tint-mid:#b8cafff3;--tint-deep:#91a8f1ed}body[data-page="home"] .folder-2{--tint-light:#ebf6fff7;--tint-mid:#c9e3f7f3;--tint-deep:#9dcbe5ed}body[data-page="home"] .folder-3{--tint-light:#f0e8fff7;--tint-mid:#d7c6faf3;--tint-deep:#b39ae8ed}
body[data-page="home"] .folder-tab{top:-22px;height:33px;border-radius:26px 26px 0 0;border-bottom:0;box-shadow:inset 1px 1px 0 rgb(255 255 255 / .35)}
body[data-page="home"] .folder:not(.folder-0).is-active .folder-front>b,body[data-page="home"] .folder:not(.folder-0):hover .folder-front>b{top:22px;right:16px;left:auto;bottom:auto;font-size:1.45rem;opacity:.65}
body[data-page="home"] .folder:not(.folder-0).is-active .folder-front>span:first-of-type,body[data-page="home"] .folder:not(.folder-0):hover .folder-front>span:first-of-type{top:57px;right:16px;bottom:auto;writing-mode:vertical-rl;font-size:.8rem}
body[data-page="home"] .folder-front:before{background:radial-gradient(ellipse 72% 62% at var(--spec-x,22%) var(--spec-y,18%),#fff9ecd0 0%,#d4f7ff69 40%,#e9deff32 72%,transparent 100%);opacity:var(--spec-opacity,.18)}
body[data-page="home"] .folder.is-active .folder-front:before,body[data-page="home"] .folder:hover .folder-front:before{opacity:var(--spec-opacity,.58)}
body[data-page="home"] .folder-front:after{filter:blur(4px);background:linear-gradient(130deg,transparent 35%,#ffe6af58 42%,#fff9eeb8 48%,#d4f7ffa0 54%,#e9deff73 60%,transparent 67%)}
body[data-page="home"] .folder.studio-sweep .folder-front:after{animation:studioSweep 1.02s cubic-bezier(.32,.72,0,1) both}
body[data-page="home"] .folder.local-sweep:not(.studio-sweep) .folder-front:after{animation:localStudioSweep .9s cubic-bezier(.32,.72,0,1) both}
@keyframes localStudioSweep{0%{opacity:0;transform:translate3d(-36%,-30%,0) rotate(-7deg)}25%{opacity:.38}72%{opacity:.34}100%{opacity:0;transform:translate3d(32%,25%,0) rotate(-7deg)}}
body[data-page="home"] .water-glyph.lens-affected{text-shadow:1px 0 #cff5ff9c,-1px 0 #e4d8ff90}
@media(max-width:767px){body[data-page="home"] .home-hero{min-height:100dvh;height:auto;max-height:none}body[data-page="home"] .archive{--step-y:clamp(56px,7.8vw,72px);width:calc(100vw - 28px);height:clamp(350px,56vw,460px);left:14px;right:auto;bottom:auto;top:var(--mobile-archive-top,490px)}body[data-page="home"] .folder{width:clamp(230px,65vw,360px);aspect-ratio:1.58;left:var(--fan-x,0px);bottom:auto;transform:perspective(900px) rotate(var(--rot))}body[data-page="home"] .folder-3{--fan-x:0px;--rot:-1.7deg;top:0;z-index:4}body[data-page="home"] .folder-2{--fan-x:12px;--rot:.8deg;top:var(--step-y);z-index:5}body[data-page="home"] .folder-1{--fan-x:22px;--rot:-1deg;top:calc(2 * var(--step-y));z-index:6}body[data-page="home"] .folder-0{--fan-x:32px;--rot:1deg;top:calc(3 * var(--step-y));z-index:7}body[data-page="home"] .folder:not(.folder-0):not(.is-active) .folder-card{opacity:0}body[data-page="home"] .folder-front{padding:16px}body[data-page="home"] .folder:not(.folder-0) .folder-front>b,body[data-page="home"] .folder:not(.folder-0).is-active .folder-front>b{left:18px;right:auto;top:16px;bottom:auto;font-size:1.24rem;line-height:1;opacity:.7}body[data-page="home"] .folder:not(.folder-0) .folder-front>span:first-of-type,body[data-page="home"] .folder:not(.folder-0).is-active .folder-front>span:first-of-type{left:55px;right:auto;top:15px;bottom:auto;writing-mode:horizontal-tb;font-size:.8rem;line-height:1.25}body[data-page="home"] .folder:not(.folder-0) .folder-front>span:nth-of-type(2){display:none}body[data-page="home"] .folder-card{top:-64px;padding:14px}body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:-64px;transform:translateY(-16px) rotate(0)}body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{--lift:-13px;--scale:1.018}body[data-page="home"] .folder-tab{display:none}body[data-page="home"] .scroll-note{bottom:22px}body[data-page="home"] .archive-sound{display:none}}
@media(hover:none),(pointer:coarse){body[data-page="home"] .folder:not(.folder-0):not(.is-active) .folder-card{opacity:0}body[data-page="home"] .folder.is-active{--lift:-13px;--scale:1.018}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .folder.studio-sweep .folder-front:after,body[data-page="home"] .folder.local-sweep .folder-front:after{animation:none!important;display:none}body[data-page="home"] .folder,body[data-page="home"] .folder.is-active,body[data-page="home"] .folder:hover,body[data-page="home"] .folder:focus-visible{--tilt-x:0deg;--tilt-y:0deg;transition:translate .18s ease,scale .18s ease,opacity .18s ease}}
@media(max-width:767px){body[data-page="home"] .folder-2{--fan-x:8px}body[data-page="home"] .folder-1{--fan-x:15px}body[data-page="home"] .folder-0{--fan-x:22px}}
@media(max-width:767px){body[data-page="home"] .folder{width:clamp(220px,56vw,350px)}body[data-page="home"] .folder-card{z-index:3;top:38px;left:12px;right:12px;height:95px;padding:11px 12px;background:linear-gradient(145deg,#fffefdf8,#f7fafcf2);box-shadow:0 6px 20px rgb(35 75 150 / .1);transform:none}body[data-page="home"] .folder.is-active .folder-card,body[data-page="home"] .folder:hover .folder-card,body[data-page="home"] .folder:focus-visible .folder-card{top:38px;transform:translateY(-7px)}body[data-page="home"] .folder-card strong{font-size:.9rem;margin-top:4px}body[data-page="home"] .folder-card em{display:block;font-size:.7rem;margin-top:3px}body[data-page="home"] .folder-card>span{display:none}body[data-page="home"] .folder-0 .folder-front>b{position:absolute;top:8px;left:14px;bottom:auto;font-size:1.14rem;opacity:.72}body[data-page="home"] .folder-0 .folder-front>span:first-of-type{position:absolute;top:10px;left:51px;bottom:auto;font-size:.77rem}body[data-page="home"] .folder-0 .folder-front>span:nth-of-type(2){display:none}body[data-page="home"] .scroll-note{bottom:26px}}

/* One joined file silhouette, a quiet sound control, and complete navigation states. */
body[data-page="home"] .folder{--folder-radius:28px;--sheet-radius:24px;border-radius:var(--folder-radius)}
body[data-page="home"] .folder-front{border-radius:0 var(--folder-radius) var(--folder-radius) var(--folder-radius);overflow:hidden}
body[data-page="home"] .folder-card{border-radius:var(--sheet-radius)}
body[data-page="home"] .folder-tab{left:0;top:-28px;height:40px;border-radius:var(--folder-radius) var(--folder-radius) 0 0;border-bottom:0;clip-path:inset(0 0 12px 0 round var(--folder-radius) var(--folder-radius) 0 0)}
body[data-page="home"] .archive-sound{right:0;bottom:-42px;width:34px;height:34px;display:grid;place-items:center;padding:5px;color:#e9f4ff;opacity:.4;transition:opacity .38s cubic-bezier(.32,.72,0,1),transform .38s cubic-bezier(.32,.72,0,1)}
body[data-page="home"] .archive-sound:hover,body[data-page="home"] .archive-sound:focus-visible{opacity:.95;transform:translateY(-2px)}
body[data-page="home"] .archive-sound svg{width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body[data-page="home"] .archive-sound svg path:first-child{fill:currentColor;stroke:none}
body[data-page="home"] .archive-sound .sound-slash{opacity:1;transition:opacity .25s ease}
body[data-page="home"] .archive-sound.is-on .sound-slash{opacity:0}
.nav nav a{position:relative;display:inline-block;opacity:.72;transition:opacity .38s cubic-bezier(.32,.72,0,1),transform .38s cubic-bezier(.32,.72,0,1)}
.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.8;transition:transform .38s cubic-bezier(.32,.72,0,1)}
.nav nav a:hover,.nav nav a:focus-visible,.nav nav a:active,.nav nav a[aria-current="page"]{opacity:1;transform:translateY(-1px)}
.nav nav a:hover:after,.nav nav a:focus-visible:after,.nav nav a[aria-current="page"]:after{transform:scaleX(1)}
.nav nav a:focus-visible{outline:2px solid #d7f0ff;outline-offset:7px;border-radius:2px}
.nav.intro-done,.nav.is-smart{animation:none!important}
.nav.is-smart{position:fixed;color:#112947;transform:translateY(0);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.nav.is-smart.is-hidden{transform:translateY(-110%)}
@media(max-width:767px){body[data-page="home"] .archive{--mobile-gutter:clamp(24px,6vw,32px);left:var(--mobile-gutter);right:auto;width:calc(100vw - var(--mobile-gutter) - var(--mobile-gutter))}body[data-page="home"] .folder{--mobile-folder-width:clamp(220px,56vw,350px);width:var(--mobile-folder-width);left:calc((100% - var(--mobile-folder-width))/2 + var(--fan-x));--folder-radius:26px;--sheet-radius:21px}body[data-page="home"] .folder-front{border-radius:var(--folder-radius)}body[data-page="home"] .folder-tab,body[data-page="home"] .archive-sound{display:none}body[data-page="home"] .water-glyph.lens-affected{text-shadow:none}body[data-page="home"] .folder{--tilt-x:0deg;--tilt-y:0deg}}
@media(max-width:360px){body[data-page="home"] .hero-copy h1{font-size:clamp(3.4rem,17vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.nav nav a,.nav nav a:after,body[data-page="home"] .archive-sound{transition:none}}
/* Project Index: five unaltered covers arranged as an editorial arc. */
.project-index{--pi-ink:#112947;--pi-muted:#698097;--pi-line:#a9bdcf;position:relative;overflow:hidden;color:var(--pi-ink);background:radial-gradient(ellipse at 50% 36%,rgba(255,255,255,.96) 0,rgba(243,249,253,.86) 43%,rgba(225,239,249,.88) 100%),linear-gradient(135deg,#edf7fc,#f9fbfc 54%,#e7f2fa)}
.project-index:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(28,70,106,.25) .45px,transparent .55px);background-size:4px 4px;mix-blend-mode:multiply}
.project-index:after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.12;background:radial-gradient(circle at 24% 34%,rgba(112,219,239,.72),transparent 31%),radial-gradient(circle at 72% 62%,rgba(177,184,241,.62),transparent 34%);animation:index-ambient 36s ease-in-out infinite alternate}
.project-index__frame{position:relative;z-index:1;width:min(100%,1680px);min-height:min(112svh,1120px);margin:auto;padding:clamp(56px,6vh,84px) clamp(28px,5vw,92px) clamp(68px,8vh,104px);display:flex;flex-direction:column;justify-content:center}
.project-index__header{padding-top:0}
.project-index__kicker{display:flex;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:10.5px;font-weight:350;letter-spacing:.15em;line-height:1.4;color:#7c91a4}
.project-index__header h2{font-size:clamp(3.15rem,5.15vw,6.15rem);font-weight:650;letter-spacing:-.075em;word-spacing:.14em;line-height:1;margin:clamp(30px,3.8vh,48px) 0 0}
.project-index__header h2 .project-index__title-sans{color:var(--pi-ink)}
.project-index__header h2 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:1.03em;font-weight:400;font-style:italic;letter-spacing:-.055em;background:linear-gradient(105deg,#29486a 8%,#79a9c7 58%,#b7c7da 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.project-carousel{display:flex;flex-direction:column;gap:clamp(52px,6vh,74px);margin-top:clamp(28px,3.6vh,44px)}
.project-carousel__stage{position:relative;height:clamp(390px,40vw,620px);touch-action:pan-y}
.project-carousel__stage.is-edge-prev{cursor:w-resize}.project-carousel__stage.is-edge-next{cursor:e-resize}
.project-carousel__card{--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px;--shine-x:50%;--shine-y:50%;position:absolute;top:50%;left:50%;width:clamp(340px,43vw,680px);aspect-ratio:16/9;overflow:hidden;border-radius:clamp(16px,1.35vw,22px);background:#dceaf4;box-shadow:0 18px 45px rgba(22,54,82,.09);transform-origin:center bottom;transition:transform .52s cubic-bezier(.32,.72,0,1),opacity .38s ease,filter .38s ease,box-shadow .38s ease;will-change:transform;cursor:pointer}
.project-carousel__card img{display:block;width:100%;height:100%;object-fit:contain}
.project-carousel__card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.2),transparent 34%);transition:opacity .38s cubic-bezier(.32,.72,0,1)}
.project-carousel__card[data-position="0"]{z-index:5;transform:translate(calc(-50% + var(--shift-x)),calc(-51% + var(--shift-y))) perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.08);opacity:1;filter:saturate(1);box-shadow:0 26px 66px rgba(22,54,82,.15)}
.project-carousel__card[data-position="0"]:hover:after{opacity:1}
.project-carousel__card[data-position="-1"]{z-index:4;transform:translate(calc(-50% - 49%),calc(-50% + 54px)) scale(.72) rotate(-4deg);opacity:.84;filter:saturate(.86)}
.project-carousel__card[data-position="1"]{z-index:4;transform:translate(calc(-50% + 49%),calc(-50% + 54px)) scale(.72) rotate(4deg);opacity:.84;filter:saturate(.86)}
.project-carousel__card[data-position="-2"]{z-index:3;transform:translate(calc(-50% - 79%),calc(-50% + 105px)) scale(.52) rotate(-7deg);opacity:.56;filter:saturate(.72)}
.project-carousel__card[data-position="2"]{z-index:3;transform:translate(calc(-50% + 79%),calc(-50% + 105px)) scale(.52) rotate(7deg);opacity:.56;filter:saturate(.72)}
.project-carousel__card:hover{filter:saturate(1)}
.project-carousel__card:focus-visible{outline:3px solid #3279b8;outline-offset:7px}
.project-carousel__caption{position:relative;width:100%;height:60px;margin:0 auto;display:grid;grid-template-columns:82px minmax(220px,1fr) minmax(180px,.72fr);gap:clamp(22px,3vw,46px);align-items:center;padding:0 max(calc((100% - 760px)/2),0px)}
.project-carousel__caption:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(40,75,110,.22) 14%,rgba(40,75,110,.22) 86%,transparent)}
.project-carousel__number,.project-carousel__english{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.45}
.project-carousel__number{color:#7fa9c4}
.project-carousel__english{color:#385875}
.project-carousel__title{font-size:clamp(1.25rem,1.4vw,1.375rem);font-weight:500;letter-spacing:-.025em;line-height:1.2;text-align:right;white-space:nowrap;color:rgba(17,41,71,.85)}
.project-carousel__caption.is-updating{animation:index-caption-in .38s cubic-bezier(.32,.72,0,1)}
@keyframes index-caption-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes index-ambient{0%{opacity:.12;transform:translate3d(-5vw,-1vw,0) scale(1)}50%{opacity:.2;transform:translate3d(5vw,2vw,0) scale(1.03)}100%{opacity:.12;transform:translate3d(-3vw,1vw,0) scale(1.01)}}
@media(max-width:767px){.project-index__frame{min-height:0;padding:64px 24px 76px}.project-index__kicker{font-size:10px}.project-index__header h2{font-size:clamp(2.35rem,10.5vw,4.5rem);margin-top:30px;white-space:nowrap}.project-carousel{margin-top:28px;gap:22px}.project-carousel__stage{height:clamp(250px,68vw,390px)}.project-carousel__card{width:min(78vw,430px);border-radius:16px}.project-carousel__card[data-position="-1"]{transform:translate(calc(-50% - 35%),calc(-50% + 34px)) scale(.66) rotate(-3deg)}.project-carousel__card[data-position="1"]{transform:translate(calc(-50% + 35%),calc(-50% + 34px)) scale(.66) rotate(3deg)}.project-carousel__card[data-position="-2"],.project-carousel__card[data-position="2"]{opacity:0;pointer-events:none}.project-carousel__caption{grid-template-columns:52px 1fr auto;gap:10px;padding:0}.project-carousel__title{text-align:right}}
@media(prefers-reduced-motion:reduce){.project-index:after{animation:none}.project-carousel__card{transition:none}.project-carousel__caption.is-updating{animation:none}}

.home-hero .hero-copy h1,.home-hero .eyebrow,.home-hero .hero-bottom,.home-hero .scroll-note,.home-hero .archive{will-change:transform,opacity}
.home-hero.is-reentering .hero-copy h1{transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .62s cubic-bezier(.22,1,.36,1)}
.home-hero.is-reentering .archive{transition:transform .68s cubic-bezier(.22,1,.36,1) .08s,opacity .56s ease .08s}
.home-hero.is-reentering .eyebrow,.home-hero.is-reentering .hero-bottom,.home-hero.is-reentering .scroll-note{transition:transform .4s cubic-bezier(.22,1,.36,1) .16s,opacity .4s ease .16s}
.project-index.motion-ready .project-index__header h2 .project-index__title-sans,.project-index.motion-ready .project-index__header h2 em{opacity:0;display:inline-block;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}
.project-index.motion-ready .project-index__header h2 .project-index__title-sans{transform:translateY(48px)}
.project-index.motion-ready .project-index__header h2 em{transform:translateY(60px);transition-delay:.07s}
.project-index.motion-ready.title-in .project-index__header h2 .project-index__title-sans,.project-index.motion-ready.title-in .project-index__header h2 em{opacity:1;transform:none}
.project-index.motion-ready .project-carousel__card{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .38s ease,box-shadow .38s ease}
.project-index.case-handoff-stable .project-carousel__card{transition:none!important}
.project-index:not(.primary-in) .project-carousel__card[data-position="0"]{transform:translate(calc(-50% + var(--shift-x)),calc(-51% + var(--shift-y))) perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.064);opacity:0;z-index:5}
.project-index.motion-ready.primary-in.deck-open:not(.deck-settled) .project-carousel__card[data-position="0"]{transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .4s ease-out,filter .38s ease,box-shadow .38s ease}
.project-index.motion-ready:not(.deck-open) .project-carousel__card[data-position="-1"]{transform:translate(calc(-50% - 35px),calc(-50% + 75px)) scale(.9) rotate(-2deg);opacity:0}
.project-index.motion-ready:not(.deck-open) .project-carousel__card[data-position="1"]{transform:translate(calc(-50% + 35px),calc(-50% + 75px)) scale(.9) rotate(2deg);opacity:0}
.project-index.motion-ready:not(.deck-open) .project-carousel__card[data-position="-2"]{transform:translate(calc(-50% - 55px),calc(-50% + 85px)) scale(.88) rotate(-3deg);opacity:0}
.project-index.motion-ready:not(.deck-open) .project-carousel__card[data-position="2"]{transform:translate(calc(-50% + 55px),calc(-50% + 85px)) scale(.88) rotate(3deg);opacity:0}
.project-index.motion-ready.deck-open:not(.deck-settled) .project-carousel__card[data-position="0"]{transition-delay:0s}
.project-index.motion-ready.deck-open:not(.deck-settled) .project-carousel__card[data-position="-1"],.project-index.motion-ready.deck-open:not(.deck-settled) .project-carousel__card[data-position="1"]{transition-delay:.09s}
.project-index.motion-ready.deck-open:not(.deck-settled) .project-carousel__card[data-position="-2"],.project-index.motion-ready.deck-open:not(.deck-settled) .project-carousel__card[data-position="2"]{transition-delay:.18s}
.project-index.motion-ready .project-carousel__caption{opacity:0;transform:translateY(8px);transition:opacity .48s cubic-bezier(.22,1,.36,1) .66s,transform .48s cubic-bezier(.22,1,.36,1) .66s}
.project-index.motion-ready.deck-open .project-carousel__caption{opacity:1;transform:none}
.project-index.motion-ready.title-in.title-returning .project-index__header h2 .project-index__title-sans,.project-index.motion-ready.title-in.title-returning .project-index__header h2 em{opacity:0;transform:translateY(24px);transition-delay:0s}
@media(prefers-reduced-motion:reduce){.home-hero .hero-copy h1,.home-hero .eyebrow,.home-hero .hero-bottom,.home-hero .scroll-note,.home-hero .archive,.project-index .project-index__header h2 span,.project-index .project-index__header h2 em,.project-index .project-carousel__stage,.project-index .project-carousel__card,.project-index .project-carousel__caption{transform:none!important;opacity:1!important;transition:none!important}}

/* Homepage About: static editorial close. */
.about-teaser{--about-section-space:clamp(30px,3.6vh,40px);position:relative;display:block;height:clamp(562px,calc(52vh + 92px),602px);padding:0;overflow:hidden;color:#142b49;background:#eef5f9}
.about-teaser:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(rgba(24,58,89,.72) .45px,transparent .6px);background-size:4px 4px}
.about-teaser:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 24% 34%,rgba(112,219,239,.72),transparent 31%),radial-gradient(circle at 72% 62%,rgba(177,184,241,.62),transparent 34%);filter:opacity(.5);animation:index-ambient 36s ease-in-out infinite alternate}
.about-teaser>*{position:relative;z-index:1}
.about-teaser__frame{min-height:0;height:100%;padding-top:calc(var(--about-section-space) + 48px);padding-bottom:20px;display:flex;flex-direction:column;justify-content:flex-start}
.about-teaser__colophon{font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:500;letter-spacing:.15em;color:#8297a9}
.about-teaser__main{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(64px,8vw,160px);align-items:center;min-width:0}
.about-teaser__headline{min-width:0;justify-self:start}
.about-teaser__main h2{min-width:0;margin:0;font-size:clamp(3.2rem,4.55vw,5.25rem);font-weight:650;letter-spacing:-.07em;line-height:.96}
.about-teaser__main h2>span{display:block;white-space:nowrap}
.about-teaser__main h2>span:last-child{margin-top:22px;padding-bottom:.1em}.about-teaser__main h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em;background:linear-gradient(105deg,#29486a 8%,#79a9c7 58%,#b7c7da 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-cta{display:inline-flex;width:fit-content;height:44px;margin:24px 0 0;padding-inline:22px;gap:14px;align-items:center;justify-content:space-between;border:0;border-radius:999px;text-decoration:none!important;color:#193754;background:#fbfdff;box-shadow:none;font:550 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;cursor:pointer;transition:color .2s ease,background .2s ease}
.about-cta b{font-size:13px;font-weight:500;transition:transform .2s ease}
.about-cta:hover,.about-cta:focus-visible{color:#fff;background:#183653;box-shadow:none}
.about-cta:hover b,.about-cta:focus-visible b{transform:translate(2px,-2px)}
.about-teaser__identity{align-self:center;justify-self:end;width:max-content;text-align:right;color:#405d74}
.about-teaser__identity>div{display:flex;align-items:baseline;justify-content:flex-end;gap:14px}
.about-teaser__identity strong{font-size:1.12rem;font-weight:620;color:#213c55}.about-teaser__identity span{font-size:.8rem;font-weight:400}
.about-teaser__identity p{margin:10px 0 0;font-size:.81rem;letter-spacing:.02em;color:#627b90;white-space:nowrap}
.about-teaser__identity small{display:block;margin-top:6px;font:400 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:rgba(33,60,85,.58)}
.about-teaser__footer{width:100%;padding-top:calc(var(--about-section-space)*.7 + 32px)}
.about-teaser__contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0}
.about-teaser__contacts>div:nth-child(2){justify-self:center;text-align:center}.about-teaser__contacts>div:nth-child(2)>div{justify-content:center}.about-teaser__contacts>div:nth-child(3){justify-self:end;text-align:right}.about-teaser__contacts>div:nth-child(3)>div{justify-content:flex-end}
.about-teaser__contacts>div{position:relative;min-height:62px}.about-teaser__contacts>div>span{display:block;margin-bottom:10px;font:500 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#7891a6}
.about-teaser__contacts>div>div{position:relative;display:inline-flex;align-items:center;white-space:nowrap}
.about-teaser__contacts .contact-value{appearance:none;border:0;padding:0;background:transparent;font:430 .92rem/1 Arial,Helvetica,sans-serif;color:rgba(41,68,94,.76);cursor:pointer;white-space:nowrap;transition:opacity .2s ease,color .2s ease}
.about-teaser__contacts .contact-value:hover,.about-teaser__contacts .contact-value:focus-visible{color:#193754;opacity:.82}
.copy-status{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:500 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#4f8a68;opacity:0;pointer-events:none;transition:opacity .35s ease-out}
.about-teaser__contacts>div:nth-child(3) .copy-status{left:auto;right:calc(100% + 12px)}.copy-status.is-visible{opacity:1;transition-duration:.16s;transition-timing-function:ease}
.about-teaser__colophon{display:flex;justify-content:space-between;gap:30px;margin-top:18px;opacity:.52;white-space:nowrap}
.about-teaser.is-motion-ready .about-teaser__main h2>span{opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.about-teaser.is-motion-ready .about-teaser__main h2>span:nth-child(2){transform:translateY(40px);transition-duration:.65s}
.about-teaser.is-motion-ready .about-teaser__main h2>span:nth-child(2){transition-delay:.08s}
.about-teaser.is-motion-ready .about-teaser__identity{opacity:0;transform:translateX(18px);transition:opacity .55s cubic-bezier(.22,1,.36,1) .15s,transform .55s cubic-bezier(.22,1,.36,1) .15s}
.about-teaser.is-motion-ready .about-cta{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.22,1,.36,1) .22s,transform .5s cubic-bezier(.22,1,.36,1) .22s,color .2s ease,background .2s ease}
.about-teaser.is-motion-ready .about-teaser__contacts>div{opacity:0;transform:translateY(10px);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}
.about-teaser.is-motion-ready .about-teaser__contacts>div:nth-child(1){transition-delay:.24s}.about-teaser.is-motion-ready .about-teaser__contacts>div:nth-child(2){transition-delay:.31s}.about-teaser.is-motion-ready .about-teaser__contacts>div:nth-child(3){transition-delay:.38s}
.about-teaser.is-motion-ready .about-teaser__colophon{opacity:0;transition:opacity .5s ease .46s}
.about-teaser.is-motion-ready.is-visible .about-teaser__main h2>span,.about-teaser.is-motion-ready.is-visible .about-teaser__identity,.about-teaser.is-motion-ready.is-visible .about-cta,.about-teaser.is-motion-ready.is-visible .about-teaser__contacts>div{opacity:1;transform:none}
.about-teaser.is-motion-ready.is-visible .about-teaser__colophon{opacity:.52}
@keyframes about-ambient{0%{transform:translate3d(-4vw,-1vw,0)}50%{transform:translate3d(4vw,1.5vw,0)}100%{transform:translate3d(-2vw,1vw,0)}}
@media(prefers-reduced-motion:reduce){.about-teaser:after{animation:none}.about-teaser.is-motion-ready .about-teaser__main h2>span,.about-teaser.is-motion-ready .about-teaser__identity,.about-teaser.is-motion-ready .about-cta,.about-teaser.is-motion-ready .about-teaser__contacts>div{opacity:1;transform:none;transition:none}.about-teaser.is-motion-ready .about-teaser__colophon{opacity:.52;transition:none}}
body[data-page="home"] .footer{display:none}

/* Plant With Temu: reusable dark-gallery case study shell. */
body[data-project="forest"],body[data-project="coffee"],body[data-project="logistics"],body[data-project="merchant"],body[data-project="ai"]{background:#131415;color:#eef3f7}
body[data-project="forest"] .footer,body[data-project="coffee"] .footer,body[data-project="logistics"] .footer,body[data-project="merchant"] .footer,body[data-project="ai"] .footer{display:none}
.gallery-nav{position:absolute;z-index:20;top:0;left:0;right:0;height:68px;padding:0 clamp(20px,3.2vw,52px);display:flex;align-items:center;justify-content:space-between;color:#d8e0e7;font:500 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.1em}
.gallery-nav.is-smart{position:fixed;right:auto;width:auto;justify-content:flex-start;transform:translateY(-110%);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.gallery-nav.is-smart.is-visible{transform:translateY(0)}
.gallery-nav.is-smart>span{display:none}
.gallery-nav>a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.85;transition:opacity .2s ease-out}.gallery-nav>a:hover,.gallery-nav>a:focus-visible{opacity:1}.gallery-nav>span{font-size:10px;letter-spacing:.14em;opacity:.48}.gallery-nav__arrow{display:inline-flex;align-items:center;justify-content:center;font:inherit;line-height:1;transform:translateY(-.5px);transition:transform .2s ease-out}.gallery-nav>a:hover .gallery-nav__arrow,.gallery-nav>a:focus-visible .gallery-nav__arrow{transform:translate(-3px,-.5px)}
.gallery-case{min-height:100dvh;background:#131415;color:#eef3f7;overflow:hidden}
.gallery-case__hero{padding:94px clamp(28px,5vw,80px) 0;display:flex;flex-direction:column;gap:22px}
.gallery-case__intro{width:min(1440px,calc(100vw - 160px));margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:9px 30px;opacity:0;transform:translateY(8px);transition:opacity .42s ease .18s,transform .55s cubic-bezier(.22,1,.36,1) .18s;color:#aab3bd;font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em}
.gallery-case__intro span:nth-child(even){text-align:right}.gallery-case__intro span{opacity:.54}
.gallery-case__opening,.gallery-artwork{width:min(1440px,calc(100vw - 160px));margin-inline:auto}
.gallery-case__opening{overflow:hidden;border-radius:0;opacity:1;transform:none}
body[data-project="ai"] .gallery-case__opening{position:relative}
body[data-project="ai"] .ai-collection-nav{position:absolute;left:3.35%;top:53.4%;width:30.75%;height:13.6%;z-index:2}
body[data-project="ai"] .ai-collection-nav a{position:absolute;left:0;width:100%;height:50%;display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;padding-inline:5.1%;font:400 calc(var(--ai-art-width,1120px)*.0143)/1 Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer;outline:none}
body[data-project="ai"] .ai-collection-nav a>span{visibility:hidden;flex-shrink:0}
body[data-project="ai"] .ai-collection-nav a::after{content:"→";display:inline-flex;align-items:center;justify-content:center;flex:0 0 1em;width:1em;height:1em;line-height:1;color:#5863a6;font-size:.75em;opacity:0;transform:none;transition:opacity .28s ease,transform .28s ease}
body[data-project="ai"] .ai-collection-nav a:hover::after,body[data-project="ai"] .ai-collection-nav a:focus-visible::after{opacity:.55;transform:translateX(3px)}
body[data-project="ai"] .ai-collection-nav a:first-child{top:0}
body[data-project="ai"] .ai-collection-nav a:last-child{bottom:0}
body[data-project="ai"] .ai-experiment-nav{position:fixed;z-index:21;top:88px;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;font:500 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.06em;transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
body[data-project="ai"] .ai-experiment-nav.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .4s ease,transform .4s ease,visibility 0s}
body[data-project="ai"] .ai-experiment-nav[data-mode="gutter"]{left:var(--ai-nav-left);width:112px;color:#e5edf5}
body[data-project="ai"] .ai-experiment-nav__title{display:block;margin-bottom:18px;font-size:0;color:#aab3bd}
body[data-project="ai"] .ai-experiment-nav__title::before{content:"AI / EXP.";font-size:9px;letter-spacing:.1em}
body[data-project="ai"] .ai-experiment-nav__items{position:relative;display:flex;flex-direction:column;gap:15px}
body[data-project="ai"] .ai-experiment-nav__items>i{position:absolute;top:6px;left:0;width:10px;height:1px;background:#276ff5;transition:top .28s ease}
body[data-project="ai"] .ai-experiment-nav[data-active-experiment="02"] .ai-experiment-nav__items>i{top:50px}
body[data-project="ai"] .ai-experiment-nav a{display:flex;flex-direction:column;gap:4px;padding-left:17px;opacity:.42;white-space:nowrap;transition:opacity .28s ease}
body[data-project="ai"] .ai-experiment-nav a span:first-child{font-variant-numeric:tabular-nums}
body[data-project="ai"] .ai-experiment-nav a span:last-child{font-size:9px}
body[data-project="ai"] .ai-experiment-nav a:last-child span:last-child{font-size:0}
body[data-project="ai"] .ai-experiment-nav a:last-child span:last-child::after{content:"CAMPAIGN";font-size:9px}
body[data-project="ai"] .ai-experiment-nav a:hover,body[data-project="ai"] .ai-experiment-nav a:focus-visible,body[data-project="ai"] .ai-experiment-nav a.is-active{opacity:1}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"]{left:auto;right:calc(var(--ai-nav-right,20px) + 8px);width:fit-content;height:46px;display:flex;align-items:center;padding:0 14px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:13px;box-shadow:0 2px 10px rgba(92,112,166,.08);color:#344663}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] .ai-experiment-nav__title,body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] .ai-experiment-nav__items>i{display:none}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] .ai-experiment-nav__items{flex-direction:row;gap:18px}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] a{flex-direction:row;gap:6px;padding:5px 0;border-bottom:1px solid transparent}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] a.is-active{border-color:#276ff5}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] a span:last-child{font-size:0}
body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"] a[href="#experiment-01"] span:last-child::after{content:"LIVING";font-size:9px}
body[data-project="ai"] #experiment-01,body[data-project="ai"] #experiment-02{scroll-margin-top:142px}
body[data-project="ai"] #experiment-01,body[data-project="ai"] #experiment-02{margin-top:52px}
body[data-project="ai"] .ai-experiment-framing{padding:0 0 28px;color:#c6ced7}
body[data-project="ai"] .ai-experiment-framing>div{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em;opacity:.55}
body[data-project="ai"] .ai-experiment-framing h2{margin:18px 0 10px;font-size:clamp(17px,2vw,28px);font-weight:500;letter-spacing:.03em}
body[data-project="ai"] .ai-experiment-framing p{margin:0 0 20px;font-size:13px;opacity:.7}
body[data-project="ai"] .gallery-artwork--skill{position:relative}
body[data-project="ai"] .ai-skill-trigger{position:absolute;left:29%;top:76%;width:66%;height:13%;padding:0;border:0;background:transparent;cursor:pointer}
body[data-project="ai"] .ai-skill-cue{position:absolute;left:76%;top:67%;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:500 clamp(7px,.75vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#9c59dc;opacity:.7;transition:opacity .25s ease}
body[data-project="ai"] .ai-skill-cue i{font-style:normal;transition:transform .25s ease}
body[data-project="ai"] .ai-skill-trigger:hover .ai-skill-cue,body[data-project="ai"] .ai-skill-trigger:focus-visible .ai-skill-cue{opacity:1}
body[data-project="ai"] .ai-skill-trigger:hover .ai-skill-cue i,body[data-project="ai"] .ai-skill-trigger:focus-visible .ai-skill-cue i{transform:translateX(3px)}
body[data-project="ai"] .ai-skill-trigger:focus-visible{outline:1px solid #8094ba;outline-offset:4px}
body[data-project="ai"].ai-skill-open{overflow:hidden}
body[data-project="ai"] .ai-skill-detail{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 40px));max-height:84dvh;padding:32px;border:0;border-radius:15px;background:#f5f7fa;color:#344663;overflow:hidden}
body[data-project="ai"] .ai-skill-detail[open]{display:flex;flex-direction:column}
body[data-project="ai"] .ai-skill-detail::backdrop{background:rgba(19,20,21,.42)}
body[data-project="ai"] .ai-skill-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-shrink:0;padding-bottom:24px}
body[data-project="ai"] .ai-skill-detail small{font-size:10px;letter-spacing:.12em;opacity:.55}
body[data-project="ai"] .ai-skill-detail h2{margin:14px 0 0;font-size:clamp(17px,2vw,23px);font-weight:500;letter-spacing:.03em}
body[data-project="ai"] .ai-skill-detail [data-skill-close]{padding:0;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}
body[data-project="ai"] .ai-skill-detail [data-skill-overview]{overflow-y:auto;overscroll-behavior:contain;min-height:0;font-size:13px;line-height:1.7}
body[data-project="ai"] .ai-skill-detail p{margin:0 0 10px}
body[data-project="ai"] .ai-skill-detail section{margin-top:28px}
body[data-project="ai"] .ai-skill-detail h3{margin:0 0 12px;font-size:11px;letter-spacing:.08em;font-weight:600;color:#77559b}
body[data-project="ai"] .ai-skill-intro{font-size:14px}
body[data-project="ai"] .ai-skill-boundary{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
body[data-project="ai"] .ai-skill-boundary>div{padding-left:10px;border-left:2px solid #c6b6da}
body[data-project="ai"] .ai-skill-boundary>div:nth-child(2){border-color:#b8c4d7}
body[data-project="ai"] .ai-skill-boundary>div:nth-child(3){border-color:#b8cbbc}
body[data-project="ai"] .ai-skill-boundary>div:nth-child(4){border-color:#d4c3ae}
body[data-project="ai"] .ai-skill-boundary dt{font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:5px}
body[data-project="ai"] .ai-skill-boundary dd{margin:0;font-size:12px}
body[data-project="ai"] .ai-skill-detail ul{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:4px 18px}
body[data-project="ai"] .ai-skill-detail li::before{content:"→ ";color:#9778b4}
body[data-project="ai"] .ai-skill-principle{font-weight:500}
body[data-project="ai"] .ai-skill-note{font-size:11px;opacity:.65}
body[data-project="ai"] .ai-skill-detail .ai-skill-closing{margin:28px 0 22px;padding-top:20px;border-top:1px solid #e0e4ea;font-size:16px;line-height:1.8;color:#77559b}
@media(prefers-reduced-motion:reduce){body[data-project="ai"] .ai-experiment-nav{transform:none}body[data-project="ai"] .ai-collection-nav a::after{transform:none!important}body[data-project="ai"] .ai-experiment-nav__items>i{transition:none}}
.gallery-case.is-ready .gallery-case__intro{opacity:1;transform:none}
.gallery-case__opening img,.gallery-artwork img{display:block;width:100%;height:auto;object-fit:contain}
.gallery-case__artworks{padding:12px 0 0;display:flex;flex-direction:column;gap:12px}
.gallery-artwork{margin-block:0;border-radius:0;opacity:1;transform:none;transition:none}
.gallery-artwork.is-visible,.gallery-artwork:hover,.gallery-artwork:hover img{opacity:1;transform:none}
.gallery-case__artworks .gallery-artwork > img[data-load-reveal]{opacity:0;transition:opacity .2s cubic-bezier(.22,1,.36,1)}
.gallery-case__artworks .gallery-artwork > img[data-load-reveal="pending"]{transition:none}
.gallery-case__artworks .gallery-artwork > img[data-load-reveal="ready"]{opacity:1}
.gallery-case__artworks .gallery-artwork > img[data-load-reveal="cached"]{opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){.gallery-case__artworks .gallery-artwork > img[data-load-reveal]{transition:none}}
.gallery-artwork--live{position:relative}
.ai-live-hotspot{position:absolute;z-index:3;left:69.53%;top:25.09%;width:24.27%;height:3.61%;border-radius:999px;outline:1px solid transparent;outline-offset:-1px;cursor:pointer;transition:outline-color .2s ease,background-color .2s ease}
.ai-live-hotspot:hover,.ai-live-hotspot:focus-visible{background-color:rgba(37,99,235,.04);outline-color:rgba(126,190,232,.68)}
.gallery-artwork--motion{position:relative}
.gallery-artwork--signature{position:relative}
.coffee-b11-motion{position:absolute;z-index:2;inset:0;pointer-events:none}
.coffee-b11-surface{position:absolute;overflow:hidden;border-radius:var(--b11-radius,15px);background:transparent;isolation:isolate;pointer-events:auto}
.coffee-b11-surface--daily{left:3.75%;top:29.62963%;width:14.583333%;height:56.296296%}
.coffee-b11-surface--milestone{left:34.635417%;top:29.62963%;width:14.53125%;height:56.296296%}
.coffee-b11-surface--upgrade{left:54.583333%;top:29.62963%;width:14.479167%;height:56.296296%}
.coffee-b11-surface--enhanced{left:80.78125%;top:29.62963%;width:14.583333%;height:56.296296%}
.coffee-b11-surface img,.coffee-b11-surface video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.coffee-b11-surface img{z-index:1;transition:filter .18s ease}.coffee-b11-surface video{z-index:2;opacity:0;transition:opacity .16s ease,filter .18s ease;filter:brightness(1)}
.coffee-b11-surface.has-video video{opacity:1}.coffee-b11-surface.is-active video{filter:brightness(1.012)}.coffee-b11-surface.is-cued video{filter:brightness(1.025)}
.coffee-b11-surface.is-cued img{filter:brightness(1.025)}
.coffee-b11-surface button{position:absolute;z-index:3;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;width:clamp(26px,2.5vw,38px);height:clamp(26px,2.5vw,38px);padding:0;border:1px solid rgba(239,246,248,.52);border-radius:50%;background:rgba(27,35,38,.72);color:#f4f7f8;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .18s ease,background .18s ease}.coffee-b11-surface button span{font-size:clamp(9px,.85vw,13px);transform:translateX(1.5px)}
.coffee-b11-surface button:hover,.coffee-b11-surface button:focus-visible{background:rgba(33,43,47,.88)}.coffee-b11-surface button:focus-visible{outline:2px solid #fff;outline-offset:3px}.coffee-b11-surface.is-playing button{opacity:0;pointer-events:none}.coffee-b11-surface button[hidden]{display:none}
.coffee-motion-action{position:absolute;z-index:3;isolation:isolate;overflow:hidden;right:clamp(12px,1.5vw,24px);bottom:clamp(12px,1.5vw,24px);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 17px;border:1px solid rgba(203,226,234,.28);border-radius:999px;background:radial-gradient(ellipse at 80% 5%,rgba(170,224,236,.21),transparent 47%),radial-gradient(ellipse at 18% 105%,rgba(189,218,230,.13),transparent 52%),radial-gradient(ellipse at 52% -20%,rgba(239,249,250,.07),transparent 58%),#22272a;color:#edf2f4;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(156,207,220,.07);font:550 11px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08em;white-space:nowrap;cursor:pointer;transition:background-color .24s ease,border-color .24s ease,transform .16s ease}
.coffee-motion-action::after{content:"";position:absolute;z-index:-1;top:-90%;bottom:-90%;left:-70%;width:56%;background:radial-gradient(ellipse at center,rgba(226,246,249,.2) 0,rgba(180,224,234,.11) 38%,rgba(167,214,227,.04) 58%,transparent 78%);filter:blur(6px);transform:translateX(-165%);animation:coffee-motion-sweep 6.6s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}
.coffee-motion-action i{font-style:normal;font-size:9px;transform:translateX(0);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.coffee-motion-action:hover,.coffee-motion-action:focus-visible{border-color:rgba(205,228,236,.42);background-color:#282d30}.coffee-motion-action:hover i,.coffee-motion-action:focus-visible i{transform:translateX(1.5px)}.coffee-motion-action:active{transform:scale(.985)}
@keyframes coffee-motion-sweep{0%,68%{transform:translateX(-165%)}94%,100%{transform:translateX(470%)}}
.coffee-motion-action:focus-visible,.coffee-video-viewer button:focus-visible,.coffee-video-viewer input:focus-visible{outline:2px solid #dce5ec;outline-offset:3px}
.coffee-video-viewer[hidden],.coffee-motion-action[hidden],.coffee-video-center-play[hidden],.coffee-video-stage>img[hidden]{display:none}
.coffee-video-viewer{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:clamp(18px,3vw,48px);background:rgba(19,20,21,.975)}
.coffee-video-viewer__panel{--video-ratio:.462;width:min(1280px,calc((100dvh - 112px)*var(--video-ratio)),100%);max-height:100%;display:flex;flex-direction:column;gap:10px}
.coffee-video-viewer__header{display:flex;align-items:center;justify-content:space-between;min-height:34px;color:#b7c0c6;font:550 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em}
.coffee-video-viewer__header button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:inherit;font:400 20px/1 Arial,Helvetica,sans-serif;cursor:pointer;opacity:.72;transition:opacity .2s ease}.coffee-video-viewer__header button:hover{opacity:1}
.coffee-video-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#151719}
.coffee-video-stage video,.coffee-video-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.coffee-video-stage video{z-index:1;background:#151719}.coffee-video-stage>img{z-index:2;background:#151719}
.coffee-video-scrim{position:absolute;z-index:3;inset:0;background:rgba(10,12,13,.26);transition:opacity .24s ease}.coffee-video-stage.has-started .coffee-video-scrim{opacity:0;pointer-events:none}
.coffee-video-loading{position:absolute;z-index:4;left:50%;top:calc(50% + 46px);color:rgba(228,237,241,.62);font:500 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;transform:translateX(-50%)}
.coffee-video-center-play{position:absolute;z-index:5;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:1px solid rgba(229,240,244,.42);border-radius:50%;background:rgba(30,34,36,.86);color:#f2f5f6;cursor:pointer;transform:translate(-50%,-50%);transition:background .2s ease,opacity .24s ease}.coffee-video-center-play span{font-size:18.5px;transform:translateX(2.5px)}.coffee-video-center-play:hover{background:rgba(40,46,49,.94)}
.coffee-video-stage.has-started .coffee-video-center-play,.coffee-video-stage.is-starting .coffee-video-center-play{opacity:0;pointer-events:none}.coffee-video-stage.has-started .coffee-video-center-play.is-feedback{opacity:1;pointer-events:auto}
.coffee-video-controls{position:absolute;z-index:6;left:0;right:0;bottom:0;display:grid;grid-template-columns:28px minmax(80px,1fr) auto;gap:12px;align-items:center;padding:30px clamp(14px,2vw,24px) 14px;background:linear-gradient(to top,rgba(10,12,13,.72),transparent);opacity:1;transition:opacity .22s ease;pointer-events:auto}
.coffee-video-stage:not(.has-started) .coffee-video-controls{opacity:0;pointer-events:none}
.coffee-video-viewer__panel.controls-hidden .coffee-video-controls{opacity:0;pointer-events:none}
.coffee-video-controls button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#edf2f4;cursor:pointer;font:500 12px/1 Arial,Helvetica,sans-serif}.coffee-video-controls button span{transform:translateX(1px)}
.coffee-video-controls input{--progress:0%;width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.coffee-video-controls input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#e3ebee var(--progress),rgba(224,234,238,.28) var(--progress));border-radius:99px}.coffee-video-controls input::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:#eef3f5}.coffee-video-controls input::-moz-range-track{height:2px;background:rgba(224,234,238,.28);border:0}.coffee-video-controls input::-moz-range-progress{height:2px;background:#e3ebee}.coffee-video-controls input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#eef3f5}
.coffee-video-controls output{min-width:68px;color:#dce4e8;font:500 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-align:right;white-space:nowrap}
body.coffee-viewer-open{overflow:hidden}
.gallery-case__breathing{height:clamp(180px,28vh,360px)}
.gallery-progress{position:fixed;z-index:12;left:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,38px);width:132px;display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;opacity:.46;font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em;pointer-events:none}
.gallery-progress i{display:block;height:1px;background:#eef3f73d;overflow:hidden}.gallery-progress b{display:block;width:33.333%;height:100%;background:#eef3f7;transition:width .45s cubic-bezier(.32,.72,0,1)}
.gallery-progress small{grid-column:1/-1;font:500 8px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#9ca6b0;white-space:nowrap}
.gallery-top{position:fixed;z-index:12;right:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,38px);width:34px;height:34px;padding:0;border:1px solid #dce5ec42;border-radius:50%;background:#10151b;color:#dfe6ec;opacity:0;transform:scale(.92);pointer-events:none;cursor:pointer;transition:opacity .22s ease-out,transform .22s cubic-bezier(.16,1,.3,1),background .2s ease}
.gallery-top.is-visible{opacity:.65;transform:scale(1);pointer-events:auto}.gallery-top:hover,.gallery-top:focus-visible{opacity:1;background:#18212b}
.case-continuation{width:min(1440px,calc(100vw - 160px));margin-inline:auto;padding:clamp(48px,4vw,64px) 0 clamp(96px,8vw,120px)}
.case-continuation__intro{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,1.25vw,20px);text-align:center}
.case-explore>h2{font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#89939c}
.case-continuation__intro p{margin:0;color:#aab2b9;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.5}
.case-continuation__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding-inline:clamp(28px,2.2vw,34px);border-radius:999px;background:radial-gradient(ellipse at 18% 10%,rgba(255,255,255,.96),transparent 36%),radial-gradient(ellipse at 78% 18%,rgba(185,225,235,.48),transparent 44%),radial-gradient(ellipse at 30% 92%,rgba(226,204,218,.32),transparent 43%),radial-gradient(ellipse at 70% 96%,rgba(189,212,239,.42),transparent 46%),#f6f3ed;color:#172332;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(149,183,199,.24),inset 1px 0 0 rgba(222,202,214,.18);font:550 13px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1)}
.case-continuation__cta::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 68% 22%,rgba(170,224,235,.46),transparent 42%),radial-gradient(ellipse at 24% 74%,rgba(213,197,228,.34),transparent 44%),radial-gradient(ellipse at 50% 0,rgba(255,255,255,.82),transparent 48%);pointer-events:none;transition:opacity .56s cubic-bezier(.22,1,.36,1);opacity:.5}
.case-continuation__cta::before{content:"";position:absolute;z-index:1;inset:-42% auto -42% -68%;width:62%;background:linear-gradient(105deg,transparent 4%,rgba(185,225,236,.2) 28%,rgba(255,255,255,.8) 50%,rgba(226,204,224,.18) 72%,transparent 96%);transform:translateX(-150%) skewX(-12deg);pointer-events:none}
.case-continuation__cta span,.case-continuation__cta b{position:relative;z-index:2}
.case-continuation__cta span{display:inline-flex;align-items:center}
.case-continuation__cta b{display:inline-flex;align-items:center;justify-content:center;font:550 18px/1 Arial,Helvetica,sans-serif;transform:translateY(-.5px);transition:transform .36s cubic-bezier(.22,1,.36,1)}
.case-continuation__cta:hover,.case-continuation__cta:focus-visible{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(130,184,204,.34),inset 1px 0 0 rgba(225,194,218,.24)}
.case-continuation__cta:hover::after,.case-continuation__cta:focus-visible::after{opacity:.88}
.case-continuation__cta:hover::before,.case-continuation__cta:focus-visible::before{animation:coffee-pearl-sweep .82s cubic-bezier(.22,1,.36,1) 1}
.case-continuation__cta:hover b,.case-continuation__cta:focus-visible b{transform:translate(3px,-.5px)}
.case-continuation__cta:active{transform:scale(.985)}
@keyframes coffee-pearl-sweep{to{transform:translateX(360%) skewX(-12deg)}}
.case-explore{width:min(1440px,calc(100vw - 160px));margin-inline:auto;padding:0 0 clamp(80px,7vw,120px)}
.case-explore+.gallery-case__breathing{display:none}
body[data-project="coffee"] .case-explore{padding-top:clamp(96px,7vw,120px)}
body[data-project="logistics"] .case-explore{padding-top:clamp(80px,6vw,112px)}
body[data-project="merchant"] .case-explore{padding-top:clamp(80px,6vw,112px)}
body[data-project="ai"] .case-explore{padding-top:clamp(96px,7vw,120px)}
.case-explore>h2{margin:0 0 clamp(28px,2vw,32px)}
.case-explore__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,46px);row-gap:clamp(40px,3vw,48px)}
.case-explore__grid a{position:relative;display:flex;flex-direction:column;align-items:flex-start;color:#cbd3d9}
.case-explore__media{display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:14px;background:#191b1d}
.case-explore__grid img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1)}
.case-explore__grid strong{margin-top:clamp(14px,1.1vw,16px);font:550 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;transition:color .4s cubic-bezier(.22,1,.36,1)}
.case-explore__grid small{margin-top:5px;font-size:12px;color:#8e989f;transition:color .4s cubic-bezier(.22,1,.36,1)}
.case-explore__arrow{position:absolute;z-index:2;right:10px;top:10px;color:#f0f3f5;font:500 13px/1 Arial,Helvetica,sans-serif;opacity:0;transform:translate(-3px,3px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.case-explore__grid a:hover img,.case-explore__grid a:focus-visible img{transform:scale(1.018);filter:brightness(1.03)}
.case-explore__grid a:hover strong,.case-explore__grid a:focus-visible strong{color:#f0f3f5}
.case-explore__grid a:hover small,.case-explore__grid a:focus-visible small{color:#aeb7be}
.case-explore__grid a:hover .case-explore__arrow,.case-explore__grid a:focus-visible .case-explore__arrow{opacity:.9;transform:none}
.case-transition-cover{position:fixed;z-index:9999;display:block;max-width:none;object-fit:contain;object-position:center;background:#131415;transform-origin:top left;pointer-events:none;will-change:transform,border-radius,box-shadow}
.case-transition-backdrop{position:fixed;z-index:9998;inset:0;background:#131415;pointer-events:none;will-change:opacity}
.case-transition-probe{position:fixed;z-index:-1;inset:0;visibility:hidden;pointer-events:none;overflow:hidden}
html.case-scroll-lock,html:has(body[data-project="forest"]),html:has(body[data-project="coffee"]),html:has(body[data-project="logistics"]),html:has(body[data-project="merchant"]),html:has(body[data-project="ai"]){scroll-behavior:auto!important}
body.case-transitioning{overflow:hidden;background:#131415}body.case-transitioning .gallery-nav,body.case-transitioning .gallery-case__intro,body.case-transitioning .gallery-progress,body.case-transitioning .gallery-top{opacity:0;transition:opacity .36s ease}body.case-transitioning.case-chrome-visible .gallery-nav{opacity:1}body.case-transitioning.case-chrome-visible .gallery-case__intro{opacity:1;transform:none}body.case-transitioning.case-chrome-visible .gallery-progress{opacity:.46}
body.case-transitioning .gallery-case__artworks{visibility:hidden}body.case-transitioning .gallery-artwork,body.case-transitioning .gallery-artwork img{transform:none!important;transition:none!important;animation:none!important}
body.case-entry-forward .gallery-case__artworks{visibility:visible}
body.case-entry-forward .gallery-case__artworks .gallery-artwork > img[data-load-reveal="ready"]{transition:opacity .2s cubic-bezier(.22,1,.36,1)!important}
.gallery-case__artworks.case-entry-content{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1)}
.gallery-case__artworks.case-entry-content--ready{opacity:1}
@media(prefers-reduced-motion:reduce){.gallery-case__artworks.case-entry-content{opacity:1;transition:none}body.case-entry-forward .gallery-case__artworks .gallery-artwork > img[data-load-reveal="ready"]{transition:none!important}}
body.case-returning{overflow:hidden}
@media(max-width:1720px){.gallery-progress{left:12px;bottom:12px;width:82px;padding:6px 7px;background:#131415d9;border-radius:3px;grid-template-columns:auto 1fr;gap:5px 7px}.gallery-progress small{display:none}}
@media(max-width:1000px){.case-explore__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.gallery-case__hero{padding-inline:24px}.gallery-case__intro,.gallery-case__opening,.gallery-artwork,.case-continuation,.case-explore{width:calc(100vw - 48px)}.case-transition-cover{max-width:none}.gallery-progress{left:50%;transform:translateX(-50%)}}
@media(max-width:640px){.case-explore__grid{grid-template-columns:1fr}}
@media(max-width:560px){.gallery-nav{height:58px;padding-inline:16px;font-size:9px}.gallery-case__hero{padding:78px 20px 0;gap:16px}.gallery-case__intro,.gallery-case__opening,.gallery-artwork,.case-continuation,.case-explore{width:calc(100vw - 40px)}.gallery-case__intro{font-size:8px;gap:7px 18px}.gallery-case__artworks{padding-top:12px;gap:12px}.gallery-progress{bottom:10px;width:76px;font-size:9px}.gallery-progress i{max-width:24px}.gallery-top{right:12px;bottom:10px}body[data-project="ai"] .ai-experiment-nav[data-mode="overlay"]{top:66px}body[data-project="ai"] #experiment-01,body[data-project="ai"] #experiment-02{scroll-margin-top:112px}}
@media(prefers-reduced-motion:reduce){.home-hero.is-reentering .hero-copy h1,.home-hero.is-reentering .archive,.home-hero.is-reentering .eyebrow,.home-hero.is-reentering .hero-bottom,.home-hero.is-reentering .scroll-note,.gallery-case__intro,.gallery-case__opening,.gallery-artwork,.gallery-progress b,.gallery-top,.case-continuation__cta,.case-continuation__cta b,.case-explore__grid img,.coffee-motion-action,.coffee-motion-action i,.coffee-video-viewer__header button,.coffee-video-scrim,.coffee-video-center-play,.coffee-video-controls,.coffee-b11-surface video,.coffee-b11-surface button,.ai-live-hotspot,.ai-collection-nav a,.ai-collection-nav a::after,.ai-experiment-nav,.ai-experiment-nav a{transition:none!important}.case-continuation__cta::before,.coffee-motion-action::after{animation:none!important}.gallery-case__intro,.gallery-case__opening,.gallery-artwork{opacity:1!important;transform:none!important}}

/* About V1 — archive editorial canvas. Scoped to the About route. */
body[data-page="about"]{color:#17304d;background:#f5f9fc}
.about-archive-meta{position:absolute;z-index:5;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(28px,3vw,48px) clamp(26px,5vw,88px);font:500 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:rgba(35,67,98,.48)}
.about-archive-meta a{justify-self:start;transition:color .2s ease}.about-archive-meta>span:nth-child(2){justify-self:center}.about-archive-meta>span:last-child{justify-self:end}.about-archive-meta a:hover,.about-archive-meta a:focus-visible{color:#173b60}.about-archive-meta a:focus-visible{outline:1px solid #6caed8;outline-offset:7px}
.about-v1{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 14% 8%,rgba(220,244,253,.84),transparent 29%),radial-gradient(circle at 88% 36%,rgba(226,230,252,.66),transparent 31%),linear-gradient(145deg,#fbfdfe 4%,#edf7fb 58%,#f5f3fb 100%)}
.about-v1:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(rgba(28,64,96,.7) .42px,transparent .58px);background-size:4px 4px}
.about-v1__atmosphere{position:absolute;z-index:-2;inset:-12%;overflow:hidden;pointer-events:none}.about-v1__atmosphere span{position:absolute;display:block;border-radius:50%;filter:blur(82px);opacity:.34;will-change:transform}.about-v1__atmosphere span:nth-child(1){width:58vw;height:52vw;left:-18%;top:3%;background:radial-gradient(circle,rgba(148,216,241,.72),transparent 69%);animation:about-drift-a 44s ease-in-out infinite alternate}.about-v1__atmosphere span:nth-child(2){width:52vw;height:56vw;right:-11%;top:18%;background:radial-gradient(circle,rgba(190,185,239,.48),transparent 70%);animation:about-drift-b 52s ease-in-out infinite alternate}.about-v1__atmosphere span:nth-child(3){width:66vw;height:46vw;left:21%;bottom:-18%;background:radial-gradient(circle,rgba(176,226,242,.45),transparent 70%);animation:about-drift-c 58s ease-in-out infinite alternate}
@keyframes about-drift-a{to{transform:translate3d(9vw,5vh,0) scale(1.05)}}@keyframes about-drift-b{to{transform:translate3d(-8vw,8vh,0) scale(.96)}}@keyframes about-drift-c{to{transform:translate3d(5vw,-7vh,0) scale(1.04)}}
.about-v1__canvas{position:relative;width:min(1720px,100%);margin:0 auto;padding:clamp(160px,15vh,205px) clamp(28px,5vw,92px) 58px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);grid-template-areas:"hero experience" "intro experience" "education education" "coordinates portrait" "contact contact" "closing closing";column-gap:clamp(72px,9vw,168px);row-gap:0}
.about-v1__hero{grid-area:hero;align-self:start}.about-v1__hero h1{margin:0;color:#112a48;font-size:clamp(5.1rem,8.5vw,9.8rem);font-weight:650;letter-spacing:-.085em;line-height:.78}.about-v1__hero h1 span,.about-v1__hero h1 em{display:block;width:max-content;max-width:100%}.about-v1__hero h1 em{margin-left:clamp(62px,8vw,136px);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.065em;line-height:1.02;color:#668db3}.about-v1__hero>p{margin:clamp(48px,6vh,74px) 0 0;font:400 clamp(1.05rem,1.3vw,1.35rem)/1.48 Arial,Helvetica,sans-serif;letter-spacing:-.015em;color:#35516c}
.about-v1:not(.is-ready) .about-v1__hero h1 span,.about-v1:not(.is-ready) .about-v1__hero h1 em,.about-v1:not(.is-ready) .about-v1__hero>p{opacity:0;transform:translateY(28px)}.about-v1__hero h1 span,.about-v1__hero h1 em,.about-v1__hero>p{transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.about-v1__hero h1 em{transition-delay:.1s}.about-v1__hero>p{transition-delay:.2s}
.about-v1__intro{grid-area:intro;max-width:650px;margin-top:clamp(62px,8vh,104px);color:#40596f;font-size:clamp(.98rem,1.08vw,1.1rem);line-height:1.9}.about-v1__intro p{margin:0 0 1.4em}.about-v1__intro p:first-child{color:#173651;font-weight:560}
.about-v1__section-label{display:flex;align-items:baseline;gap:18px;margin-bottom:31px}.about-v1__section-label span{font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#7090ad}.about-v1__section-label b{font-size:.86rem;font-weight:520;color:#37526c}
.about-v1__experience{grid-area:experience;margin-top:clamp(48px,6vh,76px);align-self:start}.about-v1__experience ol{list-style:none;margin:0;padding:0}.about-v1__experience li{display:grid;grid-template-columns:145px minmax(180px,1fr) auto;gap:clamp(18px,2vw,36px);align-items:baseline;padding:22px 0;border-top:1px solid rgba(57,89,116,.18)}.about-v1__experience li:last-child{border-bottom:1px solid rgba(57,89,116,.18)}.about-v1__experience time{font:450 .72rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.045em;color:#71889c}.about-v1__experience strong{font-size:1rem;font-weight:590;color:#17344f}.about-v1__experience li span{font-size:.8rem;color:#62798e;white-space:nowrap}
.about-v1__education{grid-area:education;width:min(520px,44%);margin:clamp(108px,13vh,164px) 0 0 auto}.about-v1__education p{display:flex;gap:40px;margin:0;padding-top:18px;border-top:1px solid rgba(57,89,116,.18);font-size:.9rem}.about-v1__education p strong{font-weight:580;color:#1d3d59}.about-v1__education p span{color:#667e92}
.about-v1__coordinates{grid-area:coordinates;position:relative;min-height:clamp(680px,60vw,920px);margin-top:clamp(84px,10vh,134px)}.about-v1__coordinates article{position:absolute;display:grid;place-items:center;border:1px solid rgba(69,113,148,.25);border-radius:50%;color:#315473;opacity:0;transform:scale(.96);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.about-v1__coordinates article.is-visible{opacity:1;transform:scale(1)}.about-v1__coordinates article:nth-child(1){width:clamp(250px,23vw,390px);aspect-ratio:1;left:0;top:6%}.about-v1__coordinates article:nth-child(2){width:clamp(300px,29vw,485px);aspect-ratio:1;right:0;top:28%;transition-delay:.09s}.about-v1__coordinates article:nth-child(3){width:clamp(225px,21vw,350px);aspect-ratio:1;left:10%;bottom:0;transition-delay:.17s}.about-v1__coordinates article small{position:absolute;left:14%;top:16%;font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#7d9ab4}.about-v1__coordinates article div{display:flex;flex-direction:column;align-items:center;text-align:center}.about-v1__coordinates article strong{font:500 clamp(2rem,3.5vw,4rem)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.055em}.about-v1__coordinates article span{margin-top:16px;font:500 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#7e96aa}.about-v1__coordinates article b{margin-top:8px;font:600 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#315473}
.about-v1__portrait{grid-area:portrait;align-self:center;margin:clamp(108px,16vh,190px) 0 0}.about-v1__portrait-media{position:relative;width:min(38vw,590px);aspect-ratio:.83;margin-left:auto;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.86),transparent 29%),linear-gradient(145deg,#dcecf4,#cddfe9 52%,#dde3f2);box-shadow:inset 0 0 0 1px rgba(77,119,151,.12)}.about-v1__portrait-media:after{content:"";position:absolute;inset:0;opacity:.065;background-image:radial-gradient(#2a5374 .45px,transparent .58px);background-size:4px 4px;mix-blend-mode:multiply}.about-v1__portrait-media img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover}.about-v1__portrait-media img:not([src]){display:none}.about-v1__portrait-media img[src]+span{display:none}.about-v1__portrait-media>span{position:absolute;z-index:1;left:50%;top:50%;font:500 10px/1.55 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-align:center;color:rgba(47,82,109,.42);transform:translate(-50%,-50%)}.about-v1__portrait{opacity:0;transform:scale(.97);transition:opacity .68s cubic-bezier(.22,1,.36,1) .2s,transform .68s cubic-bezier(.22,1,.36,1) .2s}.about-v1__portrait.is-visible{opacity:1;transform:scale(1)}
.about-v1__contact{grid-area:contact;margin-top:clamp(130px,15vh,190px);padding-top:28px;border-top:1px solid rgba(53,86,113,.2);opacity:0;transform:translateY(16px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.about-v1__contact.is-visible{opacity:1;transform:none}.about-v1__contact h2{margin:0;font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#6c89a3}.about-v1__contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:34px}.about-v1__contacts>div>span{display:block;margin-bottom:12px;font:500 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#8096a9}.about-v1__contacts>div>div{position:relative;width:max-content;max-width:100%}.about-v1__contacts .contact-value{appearance:none;border:0;padding:0;background:transparent;color:#213f5b;font:450 clamp(.95rem,1.15vw,1.15rem)/1 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap;transition:color .2s ease,opacity .2s ease}.about-v1__contacts .contact-value:hover,.about-v1__contacts .contact-value:focus-visible{color:#587fa2;opacity:.86}.about-v1__contacts .contact-value:focus-visible{outline:1px solid #6caed8;outline-offset:6px}
.about-v1__closing{grid-area:closing;margin-top:clamp(130px,17vh,210px);padding-bottom:22px}.about-v1__closing h2{margin:0;color:#17324f;font-size:clamp(3rem,6.2vw,7.2rem);font-weight:620;letter-spacing:-.07em;line-height:.91}.about-v1__closing h2 span,.about-v1__closing h2 em{display:block}.about-v1__closing h2 em{margin-left:clamp(50px,9vw,160px);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#7195b8}.about-v1__closing>div{display:flex;justify-content:space-between;margin-top:clamp(72px,9vh,112px);font:500 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#7890a4}
@media(max-width:1100px){.about-v1__canvas{grid-template-columns:1fr;grid-template-areas:"hero" "intro" "experience" "education" "coordinates" "portrait" "contact" "closing";row-gap:0}.about-v1__hero{max-width:760px}.about-v1__experience{width:min(100%,780px);margin-top:110px;margin-left:auto}.about-v1__education{width:min(100%,520px);margin:90px 0 0}.about-v1__coordinates{min-height:760px;margin-top:80px}.about-v1__coordinates article:nth-child(1){left:3%}.about-v1__coordinates article:nth-child(2){right:4%;top:19%}.about-v1__coordinates article:nth-child(3){left:20%}.about-v1__portrait{margin-top:90px}.about-v1__portrait-media{width:min(66vw,590px);margin:auto}}
@media(max-width:680px){.about-archive-meta{grid-template-columns:1fr auto;padding:24px 20px;font-size:8px}.about-archive-meta>span:nth-child(2){display:none}.about-v1__canvas{padding:128px 20px 42px}.about-v1__hero h1{font-size:clamp(4.2rem,21vw,6.8rem)}.about-v1__hero h1 em{margin-left:20px}.about-v1__hero>p{margin-top:42px;font-size:1rem}.about-v1__intro{margin-top:66px;font-size:.94rem;line-height:1.82}.about-v1__intro br{display:none}.about-v1__experience{margin-top:90px}.about-v1__experience li{grid-template-columns:1fr auto;gap:8px 16px;padding:20px 0}.about-v1__experience time{grid-column:1/-1}.about-v1__experience li span{text-align:right}.about-v1__education{margin-top:76px}.about-v1__coordinates{display:flex;flex-direction:column;align-items:center;gap:22px;min-height:0;margin-top:78px}.about-v1__coordinates article{position:relative!important;inset:auto!important}.about-v1__coordinates article:nth-child(1){width:min(76vw,300px);align-self:flex-start}.about-v1__coordinates article:nth-child(2){width:min(84vw,340px);align-self:flex-end}.about-v1__coordinates article:nth-child(3){width:min(70vw,276px);align-self:center}.about-v1__portrait{margin-top:76px}.about-v1__portrait-media{width:min(87vw,440px)}.about-v1__contact{margin-top:104px}.about-v1__contacts{grid-template-columns:1fr;gap:30px}.about-v1__contacts>div>div{width:max-content}.about-v1__closing{margin-top:112px}.about-v1__closing h2{font-size:clamp(3rem,15vw,5.3rem)}.about-v1__closing h2 em{margin:8px 0 0 18px}.about-v1__closing>div{gap:24px;font-size:7.5px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.about-v1__atmosphere span{animation:none!important}.about-v1__hero h1 span,.about-v1__hero h1 em,.about-v1__hero>p,.about-v1__coordinates article,.about-v1__portrait,.about-v1__contact{opacity:1!important;transform:none!important;transition:none!important}}

/* About V2: compact single-screen designer profile. */
body[data-page="about"]{min-height:100dvh;overflow-x:hidden}
.about-v1{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 9% 24%,rgba(205,239,250,.68),transparent 29%),radial-gradient(circle at 92% 88%,rgba(222,219,244,.38),transparent 31%),linear-gradient(142deg,#fbfdfe,#f2f8fb 61%,#f4f3fa)}
.about-v1__atmosphere{inset:-18%}.about-v1__atmosphere span{filter:blur(112px);opacity:.22}.about-v1__atmosphere span:nth-child(1){width:50vw;height:46vw;left:-14%;top:4%;animation-duration:72s}.about-v1__atmosphere span:nth-child(2){width:44vw;height:48vw;right:-12%;top:38%;animation-duration:82s}.about-v1__atmosphere span:nth-child(3){width:54vw;height:40vw;left:34%;bottom:-24%;animation-duration:90s}
.about-v1__canvas{width:min(1720px,100%);height:100dvh;min-height:680px;padding:clamp(92px,12vh,126px) clamp(34px,5vw,92px) clamp(30px,4vh,46px);display:grid;grid-template-columns:minmax(350px,1.12fr) minmax(250px,.72fr) minmax(350px,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"identity person experience" "contact contact contact";column-gap:clamp(50px,6vw,112px);align-items:start}
.about-v1__identity{grid-area:identity;align-self:center;margin-top:-2vh}.about-v1__identity h1{margin:0;color:#112a48;font-size:clamp(4.25rem,6.25vw,7.35rem);font-weight:650;letter-spacing:-.085em;line-height:.78}.about-v1__identity h1 span,.about-v1__identity h1 em{display:block;width:max-content;max-width:100%}.about-v1__identity h1 em{margin:2px 0 0 clamp(30px,4vw,68px);padding:0 .08em .12em 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.06em;line-height:1.1;color:#7395b7}.about-v1__signals{display:flex;align-items:center;gap:clamp(18px,2vw,34px);margin-top:clamp(30px,4.5vh,52px);font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;color:#284663}.about-v1__signals span{color:#6f89a0}.about-v1__identity>p{max-width:500px;margin:clamp(20px,2.6vh,30px) 0 0;color:#466177;font-size:clamp(.9rem,1.03vw,1.05rem);line-height:1.72;letter-spacing:-.006em}
.about-v1__person{grid-area:person;align-self:center;justify-self:center;margin:0}.about-v1__portrait-media{width:clamp(250px,20vw,316px);aspect-ratio:1;border-radius:50%;margin:0;background:radial-gradient(circle at 37% 27%,rgba(255,255,255,.86),transparent 30%),linear-gradient(145deg,#deedf4,#cfe1ea 55%,#e2e4f1);box-shadow:none}.about-v1__person figcaption{margin-top:18px;text-align:center}.about-v1__person figcaption span,.about-v1__person figcaption strong{display:block}.about-v1__person figcaption span{font:500 8.5px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;color:#8297aa}.about-v1__person figcaption strong{margin-top:6px;color:#557087;font-size:.76rem;font-weight:500}.about-v1__portrait-media img{object-position:50% 50%}
.about-v1__experience{grid-area:experience;align-self:center;margin:0}.about-v1__section-label{margin-bottom:clamp(24px,3vh,34px)}.about-v1__experience ol{display:grid;gap:clamp(18px,2.6vh,29px)}.about-v1__experience li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:0;border:0}.about-v1__experience time{font-size:.66rem;letter-spacing:.055em;color:#8195a7}.about-v1__experience strong{font-size:clamp(.94rem,1.12vw,1.12rem);font-weight:530;color:#2d4962}.about-v1__experience li:first-child strong{font-size:clamp(1.04rem,1.22vw,1.23rem);font-weight:680;color:#173650}.about-v1__experience li span{font-size:.73rem;color:#71879a;white-space:nowrap}
.about-v1__contact{grid-area:contact;display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,2.45fr);align-items:end;gap:clamp(40px,6vw,110px);margin:0;padding:clamp(22px,2.7vh,31px) 0 0;border-top:1px solid rgba(53,86,113,.18);opacity:1;transform:none}.about-v1__contact h2{align-self:start;margin-top:2px}.about-v1__contacts{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:clamp(34px,5vw,90px);margin:0}.about-v1__contacts>div>span{margin-bottom:9px}.about-v1__contacts .contact-value{font-size:clamp(.86rem,1vw,1rem)}
.about-v1:not(.is-ready) .about-v1__identity h1 span,.about-v1:not(.is-ready) .about-v1__identity h1 em,.about-v1:not(.is-ready) .about-v1__signals,.about-v1:not(.is-ready) .about-v1__identity>p,.about-v1:not(.is-ready) .about-v1__person,.about-v1:not(.is-ready) .about-v1__experience,.about-v1:not(.is-ready) .about-v1__contact{opacity:0;transform:translateY(10px)}.about-v1__identity h1 span,.about-v1__identity h1 em,.about-v1__signals,.about-v1__identity>p,.about-v1__person,.about-v1__experience,.about-v1__contact{transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.about-v1__identity h1 em{transition-delay:.07s}.about-v1__signals,.about-v1__identity>p{transition-delay:.14s}.about-v1__person{transition-delay:.22s}.about-v1__experience{transition-delay:.3s}.about-v1__contact{transition-delay:.38s}
@media(max-width:1180px) and (min-width:681px){.about-v1__canvas{grid-template-columns:minmax(330px,1.05fr) minmax(225px,.65fr) minmax(300px,.9fr);column-gap:36px;padding-inline:36px}.about-v1__identity h1{font-size:clamp(4.15rem,7vw,5.2rem)}.about-v1__portrait-media{width:clamp(225px,21vw,270px)}.about-v1__experience ol{gap:16px}.about-v1__identity>p{font-size:.88rem}.about-v1__contact{grid-template-columns:130px 1fr}.about-v1__contacts{gap:32px}}
@media(max-width:680px){body[data-page="about"]{overflow-y:auto}.about-v1{min-height:100dvh;overflow:hidden}.about-v1__canvas{height:auto;min-height:100dvh;padding:124px 20px 44px;display:flex;flex-direction:column;align-items:stretch}.about-v1__identity{order:1;align-self:stretch;margin:0}.about-v1__identity h1{font-size:clamp(3.95rem,20vw,5.4rem)}.about-v1__identity h1 em{margin-left:18px}.about-v1__signals{gap:20px;margin-top:36px;font-size:8.5px}.about-v1__identity>p{margin-top:22px;font-size:.92rem;line-height:1.78}.about-v1__identity>p br{display:none}.about-v1__person{order:2;align-self:center;margin-top:76px}.about-v1__portrait-media{width:min(76vw,300px)}.about-v1__experience{order:3;align-self:stretch;margin-top:92px}.about-v1__experience ol{gap:27px}.about-v1__experience strong,.about-v1__experience li:first-child strong{font-size:1.03rem}.about-v1__contact{order:4;display:block;margin-top:96px;padding-top:24px}.about-v1__contacts{grid-template-columns:1fr;gap:30px;margin-top:34px}.about-v1__contacts .contact-value{font-size:1rem}}
@media(max-height:760px) and (min-width:681px){.about-v1__canvas{padding-top:82px;padding-bottom:24px}.about-v1__identity{margin-top:0}.about-v1__identity h1{font-size:clamp(4rem,5.6vw,5.8rem)}.about-v1__signals{margin-top:25px}.about-v1__identity>p{margin-top:17px;line-height:1.6}.about-v1__portrait-media{width:clamp(230px,18vw,275px)}.about-v1__person figcaption{margin-top:12px}.about-v1__experience ol{gap:14px}.about-v1__section-label{margin-bottom:20px}.about-v1__contact{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.about-v1__identity h1 span,.about-v1__identity h1 em,.about-v1__signals,.about-v1__identity>p,.about-v1__person,.about-v1__experience,.about-v1__contact{opacity:1!important;transform:none!important;transition:none!important}}
.about-v1__experience li:last-child{border-bottom:0}

/* About V3: asymmetric editorial profile composition. */
body[data-page="about"]{overflow:hidden}
.about-v1__canvas{position:relative;display:block;width:min(1720px,100%);height:100dvh;min-height:680px;padding:0 clamp(34px,5vw,92px)}
.about-v1__hero-cluster{position:absolute;top:clamp(104px,14vh,146px);left:clamp(34px,5vw,92px);width:min(68vw,950px);height:clamp(430px,61vh,570px);z-index:2}
.about-v1__hero-cluster h1{position:relative;z-index:2;margin:0;width:min-content;font-family:Arial,Helvetica,sans-serif;font-size:clamp(5.8rem,9.2vw,10rem);font-weight:750;line-height:.76;letter-spacing:-.085em;color:#16344f}
.about-v1__hero-cluster h1 span,.about-v1__hero-cluster h1 em{display:block;font:inherit}.about-v1__hero-cluster h1 em{margin:clamp(8px,1.2vh,15px) 0 0 clamp(40px,4vw,72px);padding-right:.13em;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.072em;color:#557f9f}
.about-v1__signals{position:relative;z-index:3;display:flex;align-items:center;gap:12px;margin-top:clamp(37px,5vh,56px);font:560 .65rem/1.35 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#2f536f}.about-v1__signals strong{font:inherit;color:#1d435f}.about-v1__signals i{font-style:normal;color:#9eb0be}.about-v1__signals span{color:#6f879a}
.about-v1__intro{position:relative;z-index:3;width:min(500px,46vw);margin:clamp(20px,2.8vh,30px) 0 0;font-size:clamp(.89rem,1.05vw,1.08rem);font-weight:430;line-height:1.78;letter-spacing:.015em;color:#49647a}
.about-v1__education{position:relative;z-index:3;margin:clamp(20px,2.8vh,29px) 0 0;font:450 .71rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#768c9e}.about-v1__education i{padding:0 5px;font-style:normal;color:#a7b6c2}
.about-v1__person{position:absolute;z-index:1;top:clamp(58px,8vh,86px);left:clamp(390px,36vw,590px);margin:0}.about-v1__portrait-media{position:relative;width:clamp(260px,22vw,320px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:rgba(213,226,236,.42)}.about-v1__portrait-media img{width:100%;height:100%;object-fit:cover}.about-v1__portrait-media>span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:500 .56rem/1.7 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#91a5b4}.about-v1__portrait-media:has(img[src])>span{display:none}
.about-v1__career-cluster{position:absolute;z-index:3;top:clamp(146px,19vh,194px);right:clamp(34px,5vw,92px);width:clamp(330px,29vw,455px);margin:0}.about-v1__section-label{display:flex;align-items:baseline;gap:13px;margin:0 0 clamp(28px,4vh,42px)}.about-v1__section-label span{font:560 .62rem/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#6d879b}.about-v1__section-label b{font-size:.82rem;font-weight:540;color:#47667f}
.about-v1__career-cluster ol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,3.5vh,36px) 28px;margin:0;padding:0;list-style:none}.about-v1__career-cluster li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:0;border:0}.about-v1__career-cluster .about-v1__career-primary{grid-column:1/-1;position:relative;padding-left:clamp(26px,2.5vw,39px)}.about-v1__career-primary:before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:#83a8c2}.about-v1__career-cluster time{font:450 .64rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.05em;color:#8799a8}.about-v1__career-cluster strong{font-size:clamp(.88rem,1vw,1.02rem);font-weight:540;color:#3d5b72}.about-v1__career-cluster .about-v1__career-primary strong{font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:680;color:#173b57}.about-v1__career-cluster li span{font-size:.7rem;color:#73899a;white-space:nowrap}.about-v1__career-minor{grid-column:2;opacity:.72}
.about-v1__contact{position:absolute;z-index:4;left:clamp(330px,30vw,510px);right:clamp(34px,5vw,92px);bottom:clamp(28px,4vh,44px);display:flex;align-items:flex-start;gap:clamp(45px,6vw,94px);margin:0;padding:0;border:0}.about-v1__contact h2{display:flex;align-items:center;gap:14px;margin:4px 0 0;font:560 .6rem/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;color:#758c9e}.about-v1__contact h2:before{content:"";width:54px;height:1px;background:rgba(72,105,131,.3)}.about-v1__contacts{display:flex;flex:1;justify-content:flex-end;gap:clamp(30px,5vw,78px)}.about-v1__contacts>div{min-width:0}.about-v1__contacts>div>span{display:block;margin-bottom:8px;font:520 .54rem/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#8a9dab}.about-v1__contacts>div>div{display:flex;align-items:center;gap:8px}.about-v1__contacts .contact-value{padding:0;border:0;background:none;font:460 clamp(.73rem,.9vw,.9rem)/1.35 Arial,Helvetica,sans-serif;color:#39566c;cursor:pointer}.about-v1__contacts .contact-value:hover,.about-v1__contacts .contact-value:focus-visible{color:#1266a3}.copy-status{font-size:.58rem;color:#5283a4}
.about-v1:not(.is-ready) .about-v1__hero-cluster h1 span,.about-v1:not(.is-ready) .about-v1__hero-cluster h1 em,.about-v1:not(.is-ready) .about-v1__signals,.about-v1:not(.is-ready) .about-v1__intro,.about-v1:not(.is-ready) .about-v1__education,.about-v1:not(.is-ready) .about-v1__person,.about-v1:not(.is-ready) .about-v1__career-cluster,.about-v1:not(.is-ready) .about-v1__contact{opacity:0;transform:translateY(10px)}
.about-v1__hero-cluster h1 span,.about-v1__hero-cluster h1 em,.about-v1__signals,.about-v1__intro,.about-v1__education,.about-v1__person,.about-v1__career-cluster,.about-v1__contact{transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.about-v1__hero-cluster h1 em{transition-delay:.06s}.about-v1__person{transition-delay:.11s}.about-v1__signals,.about-v1__intro,.about-v1__education{transition-delay:.17s}.about-v1__career-cluster{transition-delay:.25s}.about-v1__contact{transition-delay:.33s}
@media(max-width:1120px) and (min-width:681px){.about-v1__hero-cluster{width:64vw}.about-v1__hero-cluster h1{font-size:clamp(5rem,8.5vw,7rem)}.about-v1__person{left:clamp(310px,32vw,430px);top:70px}.about-v1__portrait-media{width:clamp(235px,23vw,275px)}.about-v1__intro{width:370px}.about-v1__career-cluster{width:310px}.about-v1__career-cluster ol{gap:23px 18px}.about-v1__career-cluster strong{font-size:.87rem}.about-v1__contact{left:28vw;gap:36px}.about-v1__contacts{gap:28px}}
@media(max-width:680px){body[data-page="about"]{overflow-y:auto}.about-v1{min-height:100dvh;overflow:hidden}.about-v1__canvas{height:auto;min-height:100dvh;padding:120px 20px 44px}.about-v1__hero-cluster,.about-v1__career-cluster,.about-v1__contact{position:relative;inset:auto;width:auto;height:auto}.about-v1__hero-cluster h1{font-size:clamp(4rem,20vw,5.35rem)}.about-v1__hero-cluster h1 em{margin:10px 0 0 18px}.about-v1__signals{gap:9px;margin-top:34px;font-size:.53rem}.about-v1__intro{width:auto;margin-top:23px;font-size:.92rem;line-height:1.78}.about-v1__intro br{display:none}.about-v1__person{position:relative;inset:auto;display:flex;justify-content:center;margin:70px 0 0}.about-v1__portrait-media{width:min(76vw,300px)}.about-v1__education{margin-top:25px;text-align:center}.about-v1__career-cluster{margin-top:92px}.about-v1__section-label{margin-bottom:34px}.about-v1__career-cluster ol{gap:30px 20px}.about-v1__career-cluster .about-v1__career-primary{padding-left:28px}.about-v1__career-cluster strong{font-size:.9rem}.about-v1__career-cluster .about-v1__career-primary strong{font-size:1.08rem}.about-v1__career-minor{grid-column:2}.about-v1__contact{display:block;margin-top:96px}.about-v1__contact h2{margin:0}.about-v1__contacts{display:grid;grid-template-columns:1fr;gap:29px;margin-top:34px}.about-v1__contacts .contact-value{font-size:1rem}}
@media(max-height:760px) and (min-width:681px){.about-v1__hero-cluster{top:88px;height:460px}.about-v1__hero-cluster h1{font-size:clamp(5rem,8.2vw,7.6rem)}.about-v1__person{top:48px}.about-v1__portrait-media{width:clamp(238px,19vw,280px)}.about-v1__signals{margin-top:29px}.about-v1__intro{margin-top:17px;line-height:1.62}.about-v1__education{margin-top:15px}.about-v1__career-cluster{top:122px}.about-v1__section-label{margin-bottom:25px}.about-v1__career-cluster ol{gap:21px 24px}.about-v1__contact{bottom:23px}}
@media(prefers-reduced-motion:reduce){.about-v1__hero-cluster h1 span,.about-v1__hero-cluster h1 em,.about-v1__signals,.about-v1__intro,.about-v1__education,.about-v1__person,.about-v1__career-cluster,.about-v1__contact{opacity:1!important;transform:none!important;transition:none!important}}

/* About V4: reference-led proportion and career hierarchy refinement. */
.about-v1__hero-cluster{top:clamp(78px,10.5vh,108px);width:min(65vw,900px);height:clamp(400px,57vh,525px)}
.about-v1__hero-cluster h1{font-size:clamp(5.25rem,7.7vw,8.25rem);line-height:.79;letter-spacing:-.078em}
.about-v1__hero-cluster h1 em{margin-top:clamp(5px,.8vh,10px);margin-left:clamp(32px,3.2vw,54px);line-height:.9;padding-bottom:.08em}
.about-v1__signals{margin-top:clamp(27px,3.6vh,39px)}
.about-v1__intro{margin-top:clamp(15px,2vh,22px);line-height:1.66}
.about-v1__education{margin-top:clamp(12px,1.8vh,19px)}
.about-v1__person{top:clamp(70px,9vh,92px);left:clamp(350px,32vw,530px)}
.about-v1__portrait-media{width:clamp(250px,21vw,300px)}
.about-v1__career-cluster{top:clamp(105px,14vh,145px);width:clamp(420px,36vw,560px)}
.about-v1__section-label{margin-bottom:clamp(22px,3vh,31px)}
.about-v1__career-cluster ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.about-v1__career-cluster li{min-width:0;gap:4px}
.about-v1__career-cluster .about-v1__career-primary{grid-column:1/-1;display:grid;grid-template-columns:minmax(112px,.7fr) minmax(0,1.55fr);grid-template-areas:"date company" "date role";column-gap:clamp(30px,4vw,58px);align-items:start;padding:0 0 clamp(24px,3.4vh,34px)}
.about-v1__career-primary:before{display:none}
.about-v1__career-primary:after{content:"";position:absolute;left:0;bottom:0;width:min(100%,360px);height:1px;background:rgba(72,105,131,.17)}
.about-v1__career-primary time{grid-area:date;padding-top:5px}
.about-v1__career-primary strong{grid-area:company}
.about-v1__career-primary span{grid-area:role}
.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:clamp(23px,3.2vh,31px)}
.about-v1__career-cluster .about-v1__career-primary strong{font-size:clamp(1.12rem,1.35vw,1.4rem)}
.about-v1__career-cluster strong{font-size:clamp(.82rem,.9vw,.95rem);white-space:nowrap}
.about-v1__career-cluster time{font-size:.6rem;white-space:nowrap}
.about-v1__career-cluster li span{font-size:.66rem}
.about-v1__career-minor{grid-column:auto;opacity:1}
.about-v1__contact{left:auto;right:clamp(34px,5vw,92px);width:min(650px,58vw);gap:clamp(30px,4vw,55px)}
.about-v1__contact h2:before{width:40px}
.about-v1__contacts{justify-content:flex-start;gap:clamp(26px,3.6vw,52px)}
@media(max-width:1120px) and (min-width:681px){.about-v1__hero-cluster{width:61vw}.about-v1__hero-cluster h1{font-size:clamp(4.65rem,7.4vw,6rem)}.about-v1__person{left:clamp(300px,29vw,390px);top:74px}.about-v1__portrait-media{width:clamp(225px,22vw,260px)}.about-v1__career-cluster{width:390px}.about-v1__career-cluster ol{gap:0 16px}.about-v1__career-cluster .about-v1__career-primary{grid-template-columns:105px 1fr;column-gap:27px}.about-v1__career-cluster strong{font-size:.78rem}.about-v1__contact{left:auto;width:590px;gap:30px}.about-v1__contacts{gap:25px}}
@media(max-width:680px){.about-v1__hero-cluster,.about-v1__career-cluster,.about-v1__contact{position:relative;inset:auto}.about-v1__hero-cluster{width:auto;height:auto}.about-v1__hero-cluster h1{font-size:clamp(3.75rem,18.5vw,5rem)}.about-v1__signals{margin-top:28px}.about-v1__intro{margin-top:17px}.about-v1__education{margin-top:19px}.about-v1__person{margin-top:56px}.about-v1__career-cluster{width:auto}.about-v1__career-cluster ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.about-v1__career-cluster .about-v1__career-primary{grid-template-columns:98px 1fr;column-gap:24px;padding-bottom:27px}.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:26px}.about-v1__career-cluster time{font-size:.52rem;white-space:normal}.about-v1__career-cluster strong{font-size:.72rem;white-space:normal}.about-v1__career-cluster li span{font-size:.58rem;white-space:normal;text-align:left}.about-v1__career-cluster .about-v1__career-primary strong{font-size:1.04rem}.about-v1__contact{width:auto;margin-top:96px}}
@media(max-height:760px) and (min-width:681px){.about-v1__hero-cluster{top:74px;height:430px}.about-v1__hero-cluster h1{font-size:clamp(4.85rem,7.2vw,6.8rem)}.about-v1__person{top:62px}.about-v1__portrait-media{width:clamp(235px,19.5vw,270px)}.about-v1__signals{margin-top:23px}.about-v1__intro{margin-top:13px;line-height:1.55}.about-v1__education{margin-top:11px}.about-v1__career-cluster{top:102px}.about-v1__section-label{margin-bottom:21px}.about-v1__career-cluster .about-v1__career-primary{padding-bottom:23px}.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:22px}}

/* Final About refinement: two-part composition with a unified career field. */
.about-v1{background:radial-gradient(ellipse at 5% 24%,rgba(181,229,245,.76),transparent 39%),radial-gradient(ellipse at 95% 66%,rgba(207,204,239,.58),transparent 39%),linear-gradient(132deg,#edf8fc 0%,#f8fbfc 48%,#eeedf9 100%)}
.about-v1__atmosphere{inset:-22%}.about-v1__atmosphere span{filter:blur(130px);opacity:.3}.about-v1__atmosphere span:nth-child(1){width:64vw;height:55vw;left:-19%;top:-2%;animation:about-final-a 18s ease-in-out infinite alternate}.about-v1__atmosphere span:nth-child(2){width:58vw;height:58vw;right:-18%;top:16%;animation:about-final-b 16s ease-in-out infinite alternate}.about-v1__atmosphere span:nth-child(3){width:66vw;height:48vw;left:22%;bottom:-21%;animation:about-final-c 20s ease-in-out infinite alternate}
@keyframes about-final-a{to{transform:translate3d(8vw,3vh,0) scale(1.02)}}@keyframes about-final-b{to{transform:translate3d(-9vw,4vh,0) scale(1.018)}}@keyframes about-final-c{to{transform:translate3d(6vw,-4vh,0) scale(1.02)}}
.about-v1__hero-cluster{top:clamp(145px,17vh,165px);width:min(54vw,850px);height:390px}
.about-v1__hero-cluster h1{font-size:clamp(4.5rem,6.1vw,7.15rem);font-weight:680;line-height:.82;letter-spacing:-.072em}
.about-v1__hero-cluster h1 em{margin-top:2px;margin-left:clamp(25px,2.5vw,42px);padding-bottom:.1em;line-height:1.1;letter-spacing:-.06em}
.about-v1__person{top:clamp(47px,6vh,62px);left:clamp(300px,25.5vw,435px)}
.about-v1__portrait-media{width:clamp(238px,19.5vw,288px)}
.about-v1__signals{gap:10px;margin-top:clamp(22px,2.8vh,29px)}
.about-v1__education{margin-top:7px;text-align:left}
.about-v1__intro{width:min(430px,36vw);margin-top:clamp(17px,2.2vh,22px);font-size:clamp(.83rem,.92vw,.96rem);line-height:1.62}
.about-v1__career-cluster{top:clamp(145px,17vh,165px);right:clamp(34px,5vw,92px);width:clamp(465px,40.5vw,610px);padding:clamp(23px,2.7vw,34px);background:rgba(210,232,242,.52);border-radius:2px}
.about-v1__section-label{margin-bottom:clamp(22px,2.8vh,28px)}
.about-v1__career-cluster ol{column-gap:clamp(18px,2vw,28px)}
.about-v1__career-cluster .about-v1__career-primary{grid-template-columns:minmax(118px,32%) minmax(0,68%);column-gap:0;padding-bottom:clamp(21px,2.7vh,27px)}
.about-v1__career-primary:after{left:0;width:100%;background:rgba(33,64,88,.1)}
.about-v1__career-primary time{padding-top:4px}
.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:clamp(20px,2.6vh,26px)}
.about-v1__career-cluster .about-v1__career-primary strong{font-size:clamp(1.08rem,1.25vw,1.34rem)}
.about-v1__career-cluster strong{font-size:clamp(.78rem,.83vw,.88rem)}
.about-v1__career-cluster time{font-size:.57rem}.about-v1__career-cluster li span{font-size:.62rem}
.about-v1__contact{top:clamp(520px,72vh,660px);bottom:auto;left:clamp(34px,5vw,92px);right:auto;width:min(720px,62vw);gap:clamp(28px,3.6vw,48px)}
.about-v1__contact h2{white-space:nowrap}.about-v1__contact h2:before{width:34px}
.about-v1__contacts{flex:0 1 auto;justify-content:flex-start;gap:clamp(25px,3.2vw,44px)}
.about-v1__contacts>div{width:max-content}.about-v1__contacts>div>span{margin-bottom:6px}
@media(max-width:1120px) and (min-width:681px){.about-v1__hero-cluster{top:138px;width:53vw}.about-v1__hero-cluster h1{font-size:clamp(4.15rem,5.8vw,5.2rem)}.about-v1__person{left:clamp(270px,24vw,340px);top:55px}.about-v1__portrait-media{width:clamp(220px,20vw,248px)}.about-v1__intro{width:340px}.about-v1__career-cluster{top:138px;width:420px;padding:23px}.about-v1__career-cluster .about-v1__career-primary{grid-template-columns:32% 68%}.about-v1__contact{left:36px;top:72vh;width:620px}}
@media(max-height:760px) and (min-width:681px){.about-v1__hero-cluster{top:140px;height:350px}.about-v1__hero-cluster h1{font-size:clamp(4.15rem,5.8vw,5.3rem)}.about-v1__person{top:42px}.about-v1__portrait-media{width:clamp(225px,18.5vw,250px)}.about-v1__signals{margin-top:19px}.about-v1__intro{margin-top:14px;line-height:1.52}.about-v1__education{margin-top:6px}.about-v1__career-cluster{top:140px;padding:22px 25px}.about-v1__section-label{margin-bottom:19px}.about-v1__career-cluster .about-v1__career-primary{padding-bottom:19px}.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:18px}.about-v1__contact{top:515px}}
@media(max-width:680px){.about-v1__canvas{padding-top:120px}.about-v1__hero-cluster,.about-v1__career-cluster,.about-v1__contact{position:relative;inset:auto}.about-v1__hero-cluster{width:auto;height:auto}.about-v1__hero-cluster h1{font-size:clamp(3.4rem,16.5vw,4.45rem)}.about-v1__hero-cluster h1 em{margin-left:16px}.about-v1__signals{margin-top:25px}.about-v1__education{margin-top:7px;text-align:left}.about-v1__intro{width:auto;margin-top:18px;font-size:.9rem;line-height:1.72}.about-v1__person{position:relative;inset:auto;display:flex;justify-content:center;margin-top:48px}.about-v1__portrait-media{width:min(72vw,280px)}.about-v1__career-cluster{width:auto;margin-top:76px;padding:23px 18px}.about-v1__section-label{margin-bottom:24px}.about-v1__career-cluster ol{column-gap:11px}.about-v1__career-cluster .about-v1__career-primary{grid-template-columns:34% 66%;padding-bottom:24px}.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:23px}.about-v1__contact{width:auto;margin-top:58px}.about-v1__contacts{gap:27px}}
@media(prefers-reduced-motion:reduce){.about-v1__atmosphere span{animation:none!important}}

/* Final About portrait and optical-balance polish. */
.about-v1__atmosphere span:nth-child(1){animation-name:about-polish-a}.about-v1__atmosphere span:nth-child(2){animation-name:about-polish-b}.about-v1__atmosphere span:nth-child(3){animation-name:about-polish-c}
@keyframes about-polish-a{to{transform:translate3d(10vw,4.5vh,0) scale(1.025)}}@keyframes about-polish-b{to{transform:translate3d(-11vw,5vh,0) scale(1.022)}}@keyframes about-polish-c{to{transform:translate3d(8vw,-5vh,0) scale(1.025)}}
.about-v1__hero-cluster h1{font-size:clamp(4.1rem,5.55vw,6.5rem)}
.about-v1__portrait-media{background:none;box-shadow:none}
.about-v1__portrait-media:after{display:none}
.about-v1__portrait-media img{object-position:49% 52%}
.about-v1__career-cluster{padding:clamp(27px,3vw,38px);background:linear-gradient(135deg,rgba(237,247,251,.46),rgba(219,236,246,.3));border-radius:16px;box-shadow:none}
.about-v1__section-label{margin-bottom:clamp(26px,3.2vh,33px)}
.about-v1__career-cluster .about-v1__career-primary{padding-bottom:clamp(23px,3vh,30px)}
.about-v1__career-primary:after{background:rgba(33,64,88,.065)}
.about-v1__career-cluster li:not(.about-v1__career-primary){margin-top:clamp(22px,2.8vh,28px)}
.about-v1__contact{top:clamp(550px,75.5vh,692px);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;width:min(860px,72vw);gap:clamp(34px,4vw,58px)}
.about-v1__contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,58px);width:100%}
.about-v1__contacts>div{width:auto;min-width:0}.about-v1__contacts .contact-value{white-space:nowrap}
.about-v1__contacts>div{justify-self:stretch;text-align:left}.about-v1__contacts>div>span,.about-v1__contacts>div>div,.about-v1__contacts .contact-value{text-align:left}.about-v1__contacts>div>div{position:relative;display:inline-block;width:max-content;max-width:100%}.about-v1__contacts>div:first-child .copy-status{left:calc(100% + 9px)}.about-v1__contacts>div:nth-child(3) .copy-status{left:calc(100% + 12px);right:auto}
@media(max-width:1120px) and (min-width:681px){.about-v1__hero-cluster h1{font-size:clamp(3.8rem,5.3vw,4.75rem)}.about-v1__career-cluster{padding:27px}.about-v1__contact{top:75.5vh;width:min(760px,82vw);gap:34px}.about-v1__contacts{gap:30px}}
@media(max-height:760px) and (min-width:681px){.about-v1__hero-cluster h1{font-size:clamp(3.8rem,5.3vw,4.85rem)}.about-v1__career-cluster{padding:25px 29px}.about-v1__contact{top:545px}}
@media(max-width:680px){.about-v1__hero-cluster h1{font-size:clamp(3.1rem,15vw,4.05rem)}.about-v1__career-cluster{padding:25px 20px;border-radius:15px}.about-v1__contact{inset:auto;display:block;width:auto;margin-top:88px}.about-v1__contacts{grid-template-columns:1fr;gap:28px;margin-top:34px}}