@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--paper:#efefed;--ink:#232321}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ab9878;outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}.skip-link{position:fixed;left:20px;top:-60px;z-index:30;background:white;padding:15px}.skip-link:focus{top:15px}header{position:absolute;inset:0 0 auto;z-index:5;display:grid;grid-template-columns:1fr 170px 1fr;align-items:center;padding:17px 22px;color:white}header nav{display:flex;justify-content:space-between;align-items:center;gap:20px}header a,header button{font-size:10px;text-transform:uppercase}header .logo{text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;font-weight:700;letter-spacing:-.6px}.nav-left{padding-right:65px}.nav-right{padding-left:65px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#e7e7e3;color:#252523;border-radius:30px;padding:7px 15px;font-size:10px;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}.pill:hover{background:white}.pill.dark{background:#262624;color:#fff}.pill.dark:hover{background:#55554e}.talk span{font-size:17px}#mobile-menu{display:none}.scene{position:relative;overflow:hidden;background:#54564b;color:white;height:100svh;min-height:620px}.scene>img,.scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene>video{z-index:1;opacity:0;transition:opacity 1.2s}.scene>video.ready{opacity:1}.scene-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(#0003,transparent 22%,transparent 70%,#0006);pointer-events:none}.scene-caption{position:absolute;bottom:20px;left:22px;right:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;text-transform:uppercase}.scene-caption>div{display:flex;gap:45px;align-items:center}.scene-caption .hero-actions{gap:20px}#pause-film{font-size:9px;text-transform:uppercase;color:white}.scroll-cue{position:absolute;left:50%;bottom:65px;z-index:3;font-size:24px;font-weight:400;opacity:.8;transform:translateX(-50%)}.intro-film{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;color:white;pointer-events:none;background:#0002;transition:opacity 1s,visibility 1s}.intro-film .intro-brand{display:flex;align-items:center;flex-direction:column;text-shadow:0 1px 25px #0004}.intro-brand strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,12vw,165px);line-height:.95;letter-spacing:-2px}.intro-brand span{font-size:clamp(9px,1.3vw,17px);margin-top:12px;letter-spacing:-.3px}.intro-film button{position:absolute;bottom:20px;right:22px;pointer-events:auto}.intro-film.is-gone{opacity:0;visibility:hidden}body.intro-active header,body.intro-active .hero .scene-caption,body.intro-active .scroll-cue{opacity:0}header,.hero .scene-caption,.scroll-cue{transition:opacity 1s}.manifesto{padding:160px 22px 130px;text-align:center}.manifesto h1,.manifesto h2{font-size:clamp(25px,4.1vw,64px);letter-spacing:-2.5px;line-height:1.02;font-weight:600}.manifesto h2{margin-top:220px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:20px 22px 140px;align-items:center}.studio-image{height:660px;overflow:hidden}.studio-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.studio-copy{padding-right:12%}.studio-copy p{font-size:15px;line-height:1.25;letter-spacing:-.3px;margin-bottom:38px}.studio-copy p:first-child{font-size:23px;line-height:1.15;letter-spacing:-.8px}.featured{height:110svh}.featured-title{position:absolute;z-index:3;top:40%;left:22px}.featured-title small{font-size:10px;text-transform:uppercase}.featured h2{font-size:clamp(75px,13vw,200px);font-weight:600;line-height:.83;letter-spacing:-8px;margin-top:20px}.services{display:grid;grid-template-columns:1fr 1fr;padding:150px 22px;gap:8%}.services-title{font-size:clamp(110px,18vw,280px);font-weight:600;line-height:.78;letter-spacing:-12px;display:flex;flex-direction:column}.services-title span:last-child{align-self:flex-end;margin-right:40px}.service-list{padding-top:15px}.service-list details{border-bottom:1px solid #b4b4b0;padding:22px 0}.service-list summary{list-style:none;font-size:clamp(22px,3.3vw,50px);font-weight:500;letter-spacing:-1.6px;cursor:pointer;display:flex;justify-content:space-between;gap:15px}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:22px;letter-spacing:0}.service-list p{font-size:13px;line-height:1.65;max-width:400px;padding:22px 30px 5px 0}.work{padding:30px 22px 100px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.work-heading h2{font-size:clamp(48px,7vw,108px);line-height:.9;letter-spacing:-5px;font-weight:600}.filters{display:flex;gap:22px}.filters button{font-size:10px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid transparent}.filters button.active{border-color:#222}#project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 22px}.project-card{text-align:left;padding:0}.project-card:first-child{grid-column:1/-1}.project-card .image-wrap{aspect-ratio:1.35;overflow:hidden}.project-card:first-child .image-wrap{aspect-ratio:2.15}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s}.project-card:hover img{transform:scale(1.035)}.card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.card-meta h3{font-size:12px;text-transform:uppercase;font-weight:500}.card-meta p{font-size:9px;text-transform:uppercase;color:#777;margin-top:7px}.card-meta>span{font-size:19px}.concept-note{font-size:10px;line-height:1.6;max-width:630px;color:#73736c;margin-top:35px}.interior h2{position:absolute;top:50%;transform:translateY(-50%);left:22px;z-index:3;font-size:clamp(70px,11vw,168px);line-height:.86;letter-spacing:-6px;font-weight:600}.contact{padding:60px 22px 20px}.contact-top{display:flex;justify-content:space-between;font-size:10px}.contact-title{font-size:clamp(65px,15vw,230px);letter-spacing:-10px;line-height:1.1;font-weight:600;display:flex;justify-content:space-between;width:100%;padding:60px 0}.contact-title span{font-weight:400}.contact-bottom{display:flex;justify-content:space-between;align-items:start;margin:20px 0 100px}.contact-bottom p{font-size:15px;line-height:1.25}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c7c7c1;padding-top:22px;font-size:9px;text-transform:uppercase}footer button{font-size:9px;text-transform:uppercase}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity 1.2s,transform 1.2s}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.motion-ready .interior h2.reveal{transform:translateY(calc(-50% + 35px))}.motion-ready .interior h2.reveal.visible{transform:translateY(-50%)}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-width:1100px;width:94%;max-height:94svh}dialog::backdrop{background:#111b;backdrop-filter:blur(6px)}.close{position:absolute;right:20px;top:20px;background:var(--paper);padding:8px 16px;z-index:4;font-size:10px;text-transform:uppercase;border-radius:25px}#menu{width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:100px 6%;background:#252523;color:#efefed}#menu nav{display:flex;flex-direction:column;gap:15px}#menu nav a{font-size:clamp(45px,8vw,100px);text-transform:uppercase;letter-spacing:-3px}#menu p{font-size:11px;margin-top:60px}#detail-image{width:100%;max-height:65vh;object-fit:cover}.detail-content{padding:50px 6%}.detail-content h2{font-size:clamp(35px,5vw,65px);line-height:1;text-transform:uppercase;letter-spacing:-2px}.detail-content p{font-size:13px;line-height:1.8;max-width:650px;margin-top:25px}.eyebrow{font-size:10px;text-transform:uppercase;margin-bottom:25px}.text-link{display:block;width:max-content;border-bottom:1px solid #888;font-size:11px;padding-bottom:10px;margin-top:30px}#enquiry-dialog{max-width:720px}.enquiry-content{padding:65px 8% 40px}.enquiry-content h2{font-size:50px;letter-spacing:-2px;line-height:1}.form-note{font-size:12px;line-height:1.7;color:#777;margin-top:20px}form{display:grid;gap:20px;margin-top:30px}label{display:grid;gap:8px;font-size:11px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:10px 0;color:var(--ink);font-size:14px;border-radius:0}.submit{background:var(--ink);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;font-size:12px}#form-status{font-size:12px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.studio-image{height:800px}}@media(max-width:760px){header{grid-template-columns:1fr auto;padding:15px 18px}header .logo{text-align:left;font-size:30px}header nav{display:none}#mobile-menu{display:block;font-size:10px}.scene{min-height:580px}.scene-caption{bottom:18px;left:18px;right:18px;font-size:9px;gap:10px}.scene-caption>div{align-items:start;flex-direction:column;gap:7px}.scene-caption .hero-actions{flex-direction:row;align-items:center;gap:10px}#pause-film{font-size:8px}.pill{font-size:9px;padding:7px 12px;gap:10px}.scroll-cue{bottom:90px}.intro-brand strong{font-size:96px}.intro-brand span{font-size:9px}.manifesto{padding:110px 18px 100px}.manifesto h1,.manifesto h2{font-size:30px;letter-spacing:-1.3px;line-height:1.05}.manifesto h2{margin-top:150px}.studio{grid-template-columns:1fr;gap:45px;padding:0 18px 85px}.studio-image{height:450px}.studio-copy{padding:0 5% 0 20%}.studio-copy p:first-child{font-size:20px}.studio-copy p{font-size:12px;line-height:1.4}.featured{height:85svh}.featured-title{left:18px;top:40%}.featured h2{font-size:80px;letter-spacing:-4px}.featured-title small{font-size:9px}.services{grid-template-columns:1fr;padding:90px 18px;gap:50px}.services-title{flex-direction:row;justify-content:space-between;letter-spacing:-9px;font-size:135px}.services-title span:last-child{margin:0}.service-list summary{font-size:32px;letter-spacing:-1px}.service-list p{font-size:12px}.work{padding:0 18px 70px}.work-heading{display:block}.work-heading h2{font-size:60px;letter-spacing:-3px}.filters{margin-top:25px;gap:25px}#project-grid{grid-template-columns:1fr;gap:35px}.project-card:first-child{grid-column:auto}.project-card:first-child .image-wrap,.project-card .image-wrap{aspect-ratio:1.1}.interior h2{font-size:80px;letter-spacing:-4px;left:18px}.contact{padding:40px 18px 20px}.contact-top{font-size:8px;gap:30px}.contact-top span:last-child{text-align:right}.contact-title{font-size:18vw;letter-spacing:-4px;padding:55px 0 35px}.contact-bottom{margin-bottom:70px}.contact-bottom p{font-size:11px}footer{flex-wrap:wrap;gap:22px;font-size:8px}footer button{font-size:8px}.detail-content{padding:35px 7%}.enquiry-content h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.intro-film{display:none}.motion-ready .reveal{opacity:1;transform:none}.motion-ready .interior h2.reveal{transform:translateY(-50%)}}
@media(max-width:760px){.services-title{font-size:28vw;letter-spacing:-6px}.scene-caption>div:first-child{min-width:0}.scene-caption>div:first-child span{max-width:100%}.hero .scene-caption>div:first-child{max-width:52%}.hero .scene-caption>div:first-child span{overflow-wrap:normal}.scene-caption{font-size:8px}.interior .scene-caption>span{max-width:55%}}
/* Independent opening experience and page system */
[hidden]{display:none!important}body.intro-active{overflow:hidden}body.intro-active #site-shell{visibility:hidden;opacity:0}#site-shell{transition:opacity 1s;opacity:1}.intro-film{background:#111612;pointer-events:auto;isolation:isolate;display:flex}.intro-film>video,.intro-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.intro-tint{z-index:-1;background:linear-gradient(#0002,#0001 45%,#0005)}.intro-film .intro-brand{text-align:center;opacity:0;transform:translateY(12px);transition:opacity 1.5s .8s,transform 1.5s .8s}.intro-film.is-playing .intro-brand{opacity:1;transform:none}.intro-film .intro-controls{position:absolute;left:22px;right:22px;bottom:24px;display:flex;align-items:center;gap:22px;font-size:10px;text-transform:uppercase}.intro-controls #intro-status{margin-right:auto;font-size:9px;letter-spacing:.5px}.intro-film .intro-controls button{position:static;pointer-events:auto}.intro-film #intro-pause{color:white;font-size:10px;text-transform:uppercase}.intro-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff25}.intro-progress span{display:block;width:0;height:100%;background:white;transition:width .2s linear}.replay-row{padding:0 22px 45px}.site-footer{margin:0 22px 0;padding:30px 0;gap:25px;font-size:9px}.site-footer .logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:700;letter-spacing:-1px}.site-footer nav{display:flex;gap:28px}.light-page header{color:var(--ink);border-bottom:1px solid #d3d3ce}.light-page header .pill{background:#222;color:white}.image-page header{color:white}.page-heading{padding:150px 22px 70px}.page-heading h1{font-size:clamp(75px,11vw,170px);line-height:.85;letter-spacing:-7px;font-weight:600;margin:40px 0 30px}.page-heading>p{font-size:14px;line-height:1.7;max-width:500px}.page-heading .eyebrow{font-size:10px;letter-spacing:.6px}.light-page .work>.filters{justify-content:flex-end;margin:0 0 35px}.about-hero{height:100svh}.about-hero>img{filter:brightness(.55) saturate(.35)}.about-hero-title{position:absolute;z-index:3;left:22px;right:22px;bottom:100px}.about-hero-title>span{font-size:10px}.about-hero h1{font-size:clamp(95px,17vw,260px);line-height:.78;letter-spacing:-12px;font-weight:600;margin-top:25px}.editorial-section{padding:130px 6%}.editorial-section h2,.page-cta h2{font-size:clamp(42px,6vw,90px);line-height:.95;letter-spacing:-4px;font-weight:500;margin-top:35px}.editorial-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:65px 0 0 35%;font-size:14px;line-height:1.8}.values-section{padding:20px 6% 120px}.values-section>h2{font-size:11px;font-weight:500;letter-spacing:1px;margin-bottom:40px}.values-section article{display:grid;grid-template-columns:50px 1fr 1fr;gap:50px;border-top:1px solid #aaa;padding:30px 0}.values-section article>span{font-size:10px}.values-section h3{font-size:30px;letter-spacing:-1px;font-weight:500}.values-section p{font-size:13px;line-height:1.7}.page-cta{padding:70px 6% 100px;background:#252923;color:#efefed}.page-cta .pill{background:#efefed;color:#222;margin-top:35px}.service-panels{padding:0 22px 70px}.service-panels article{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:100px}.service-panels article:nth-child(even) img{order:2}.service-panels img{width:100%;height:550px;object-fit:cover}.service-panels article>div{max-width:500px;padding:30px 5% 30px 0}.service-panels article>div>span{font-size:10px}.service-panels h2{font-size:clamp(35px,4.2vw,64px);line-height:.95;letter-spacing:-2px;font-weight:500;margin:30px 0}.service-panels p{font-size:13px;line-height:1.8;margin-bottom:30px}.process-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;margin:0 22px 110px;border-top:1px solid #aaa;padding-top:30px}.process-strip>h2{font-size:11px;font-weight:500}.process-strip span{font-size:10px}.process-strip h3{font-size:27px;font-weight:500;margin:20px 0 15px}.process-strip p{font-size:12px;line-height:1.7}.store-catalog{display:grid;grid-template-columns:1fr 1fr;gap:65px 24px;padding:0 22px}.store-card:first-child{grid-column:1/-1}.store-card img{width:100%;aspect-ratio:1.3;object-fit:cover}.store-card:first-child img{aspect-ratio:2.3}.store-card>span{display:block;font-size:9px;margin:20px 0 12px}.store-card h2{font-size:clamp(23px,3vw,42px);font-weight:500;letter-spacing:-1px;display:flex;justify-content:space-between;gap:20px}.store-card h2 b{font-weight:400}.store-card p{font-size:13px;line-height:1.7;margin-top:15px}.store-card strong{font-size:11px;font-weight:400;display:inline-block;margin-top:20px;padding-bottom:8px;border-bottom:1px solid #888}.store-note{padding:80px 22px 100px;max-width:650px;font-size:13px;line-height:1.8}.contact-heading-page{padding-bottom:40px}.contact-page-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding:20px 6% 110px}.contact-intro h2{font-size:38px;line-height:1;letter-spacing:-1.5px;font-weight:500}.contact-intro p{font-size:13px;line-height:1.8;margin-top:30px;max-width:350px}.contact-intro .contact-availability{font-size:11px;color:#777}.contact-form-wrap .form-note{margin-top:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-page-hero{height:88svh}.project-page-title{position:absolute;z-index:3;left:22px;right:22px;bottom:60px}.project-page-title>span{font-size:10px}.project-page-title h1{font-size:clamp(50px,9vw,140px);line-height:.9;letter-spacing:-6px;font-weight:500;margin-top:20px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 6%}.project-story h2{font-size:48px;font-weight:500;line-height:1;letter-spacing:-2px;margin-top:25px}.project-story p{font-size:14px;line-height:1.8}.project-story .concept-note{font-size:10px;margin-top:25px;margin-bottom:30px}.project-full{margin:0 22px}.project-full img{width:100%;display:block}.project-full figcaption{font-size:10px;text-transform:uppercase;margin-top:15px}.next-project{padding:100px 22px}.next-project>span{font-size:10px;display:block;margin-bottom:30px}.next-project>a:not(.text-link){font-size:clamp(35px,5vw,72px);font-weight:500;letter-spacing:-2px}.contact-title{text-decoration:none}.service-list p{color:#555}
@media(max-width:760px){.intro-film .intro-controls{left:18px;right:18px;bottom:22px;flex-wrap:wrap;gap:18px}.intro-controls #intro-status{width:100%;font-size:8px}.intro-controls #skip-intro{margin-left:auto}.intro-film .intro-brand span{font-size:8px}.intro-film .intro-brand strong{font-size:95px}.site-footer{margin:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-footer nav{gap:17px;justify-content:end}.site-footer>span{font-size:8px}.site-footer .logo{font-size:28px}.page-heading{padding:125px 18px 55px}.page-heading h1{font-size:18vw;letter-spacing:-4px;margin:30px 0 25px}.page-heading>p{font-size:12px}.about-hero-title{left:18px;bottom:100px}.about-hero h1{font-size:25vw;letter-spacing:-5px}.editorial-section{padding:75px 18px}.editorial-section h2,.page-cta h2{font-size:44px;letter-spacing:-2px}.editorial-copy{grid-template-columns:1fr;margin:35px 0 0 15%;gap:25px;font-size:13px}.values-section{padding:0 18px 65px}.values-section article{grid-template-columns:20px 1fr;gap:15px}.values-section article p{grid-column:2}.values-section h3{font-size:24px}.page-cta{padding:50px 18px 60px}.service-panels{padding:0 18px 20px}.service-panels article{grid-template-columns:1fr;gap:0;margin-bottom:40px}.service-panels article:nth-child(even) img{order:0}.service-panels img{height:350px}.service-panels h2{font-size:38px}.process-strip{grid-template-columns:1fr;margin:0 18px 65px;gap:30px}.process-strip>div{border-bottom:1px solid #ccc;padding-bottom:25px}.process-strip h3{font-size:25px;margin:12px 0}.store-catalog{padding:0 18px;grid-template-columns:1fr;gap:45px}.store-card:first-child{grid-column:auto}.store-card:first-child img{aspect-ratio:1.3}.store-card h2{font-size:26px}.store-note{padding:55px 18px}.contact-page-layout{grid-template-columns:1fr;padding:20px 18px 75px;gap:45px}.contact-intro h2{font-size:35px}.form-pair{grid-template-columns:1fr;gap:20px}.project-page-title{left:18px;bottom:45px}.project-page-title h1{font-size:14vw;letter-spacing:-3px}.project-story{grid-template-columns:1fr;gap:35px;padding:60px 18px}.project-story h2{font-size:38px}.project-full{margin:0 18px}.next-project{padding:65px 18px}.next-project>a:not(.text-link){font-size:35px;letter-spacing:-1px}.light-page .work>.filters{justify-content:start}.replay-row{padding-left:18px}}
@media(prefers-reduced-motion:reduce){.intro-film{display:flex}.intro-film .intro-brand{opacity:1;transform:none}}
/* Personal brand and professional portfolio */
.hero-brand-message{position:absolute;z-index:3;left:6%;right:6%;top:50%;transform:translateY(-35%);max-width:1000px}.hero-brand-message>span{font-size:10px;letter-spacing:1.2px}.hero-brand-message h1{font-size:clamp(48px,6.2vw,94px);font-weight:400;line-height:1.02;letter-spacing:-4px;margin:26px 0 0;text-shadow:0 2px 40px #0003}.hero:has(.hero-brand-message) .scene-shade{background:linear-gradient(90deg,#0005,transparent 80%),linear-gradient(#0003,transparent 30%,#0004)}.brand-manifesto{padding:130px 22px 100px}.brand-manifesto h2{margin-top:35px;font-size:clamp(50px,6.5vw,98px);line-height:1;letter-spacing:-4px;font-weight:500}.brand-introduction{font-size:17px;line-height:1.7;max-width:760px;margin:45px auto 0}.career-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:55px 6% 90px;border-top:1px solid #c5c5bd;margin:0 22px}.career-stats strong{font-size:clamp(65px,7vw,108px);line-height:1;font-weight:400;letter-spacing:-5px}.career-stats p{font-size:12px;line-height:1.75;max-width:230px;margin-top:22px}.studio figure{margin:0;position:relative}.studio figure figcaption{position:absolute;left:12px;bottom:12px;color:white;font-size:8px;text-transform:uppercase;text-shadow:0 1px 5px #000;background:#0007;padding:5px 8px}.home-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:20px 6% 110px}.section-kicker{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #aaa;padding-top:20px;font-size:9px;letter-spacing:1px}.home-pillars article>span{font-size:9px;letter-spacing:.5px}.home-pillars h2{font-size:34px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:30px 0 20px}.home-pillars p{font-size:13px;line-height:1.8}.professional-home{padding:45px 22px 100px}.portfolio-context{font-size:13px;line-height:1.8;max-width:600px;margin-bottom:35px}.professional-list details{border-top:1px solid #bcbcb5}.professional-list details:last-child{border-bottom:1px solid #bcbcb5}.professional-list summary{cursor:pointer;display:grid;grid-template-columns:45px 1fr 180px 30px;gap:20px;align-items:center;padding:26px 0;list-style:none}.professional-list summary::-webkit-details-marker{display:none}.professional-list summary>span{font-size:9px;color:#777}.professional-list h3{font-size:clamp(23px,3.1vw,46px);line-height:1.15;letter-spacing:-1.5px;font-weight:400}.professional-list small{font-size:10px;text-transform:uppercase}.professional-list b{font-size:22px;font-weight:400;transition:transform .2s}.professional-list details[open] b{transform:rotate(45deg)}.professional-list details>p{font-size:13px;line-height:1.8;max-width:720px;margin:0 0 28px 65px}.career-feature{background:#292e27;color:#f1f1eb;padding:90px 6%}.career-feature h2{font-size:clamp(55px,8vw,120px);line-height:.94;letter-spacing:-5px;font-weight:500;margin:30px 0}.career-feature>p:not(.eyebrow){max-width:550px;font-size:14px;line-height:1.8}.career-feature .pill{background:#eeeee8;color:#222;margin-top:30px}.personal-title h1{font-size:clamp(75px,12vw,185px);letter-spacing:-7px}.career-story{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding:80px 6% 110px}.career-story h2,.qualification-section h2{font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-3px;font-weight:500;margin-top:25px}.career-story p{font-size:14px;line-height:1.9;margin-bottom:25px}.career-timeline{padding:0 6% 100px}.career-timeline>h2{font-size:11px;font-weight:400;margin-bottom:35px}.career-timeline article{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:30px 0;border-top:1px solid #bbb}.career-timeline article>span{font-size:44px;font-weight:400;letter-spacing:-2px}.career-timeline h3{font-size:20px;font-weight:500;margin-bottom:12px;letter-spacing:-.5px}.career-timeline p{font-size:13px;line-height:1.8;max-width:600px}.qualification-section{padding:65px 6% 110px;background:#e3e3dc}.credentials{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0}.credentials span{border:1px solid #a9ada0;padding:12px 18px;font-size:11px}.qualification-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;font-size:14px;line-height:1.8}.brand-service-panels figure,.store-card figure{margin:0}.brand-service-panels figcaption,.store-card figcaption{font-size:8px;text-transform:uppercase;color:#777;margin-top:8px}.brand-service-panels article:nth-child(even) figure{order:2}.brand-service-panels h2{font-size:clamp(33px,3.6vw,55px);line-height:1.05;letter-spacing:-2px}.brand-service-panels ul{font-size:12px;line-height:1.8;padding-left:16px;margin:0 0 30px}.brand-service-panels article{scroll-margin-top:30px}.store-card h2{font-size:clamp(26px,3vw,43px);line-height:1.1}.portfolio-introduction{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:0 6% 80px;font-size:14px;line-height:1.8}.professional-projects{padding:0 22px 100px}.submission-note{padding:85px 6%}.submission-note>span{font-size:10px;letter-spacing:1px}.submission-note h2{font-size:clamp(40px,5.8vw,88px);font-weight:500;line-height:.95;letter-spacing:-3px;margin:30px 0}.submission-note p{font-size:13px;line-height:1.8}.concept-archive{padding-top:60px;border-top:1px solid #ccc}.concept-archive .concept-note{margin:0 0 40px}.brand-service-panels img{order:0!important}
@media(max-width:760px){.hero-brand-message{left:6%;right:6%;top:46%;transform:translateY(-20%)}.hero-brand-message>span{font-size:8px;letter-spacing:.6px;display:block;max-width:260px;line-height:1.7}.hero-brand-message h1{font-size:clamp(35px,9vw,56px);letter-spacing:-1.8px;margin-top:20px;line-height:1.08}.brand-manifesto{padding:80px 18px 65px}.brand-manifesto h2{font-size:43px;letter-spacing:-2px}.brand-introduction{font-size:14px;margin-top:30px}.career-stats{grid-template-columns:1fr 1fr;gap:35px 22px;padding:40px 0 65px;margin:0 18px}.career-stats strong{font-size:68px;letter-spacing:-3px}.career-stats p{font-size:11px;margin-top:15px;line-height:1.7}.home-pillars{grid-template-columns:1fr;gap:40px;padding:10px 18px 70px}.section-kicker{gap:30px;font-size:8px;line-height:1.6}.section-kicker>span:last-child{text-align:right}.home-pillars h2{font-size:32px;margin:20px 0 15px}.professional-home{padding:20px 18px 65px}.professional-home .work-heading{display:block}.professional-home .work-heading .pill{margin-top:25px}.professional-list summary{grid-template-columns:22px 1fr 18px;gap:12px;padding:22px 0}.professional-list h3{font-size:25px;letter-spacing:-.8px;grid-column:2}.professional-list small{grid-column:2;font-size:8px;margin-top:-3px}.professional-list b{grid-column:3;grid-row:1/3}.professional-list details>p{margin-left:34px;font-size:12px}.career-feature{padding:65px 18px}.career-feature h2{font-size:57px;letter-spacing:-3px}.career-feature>p:not(.eyebrow){font-size:13px}.personal-title h1{font-size:18vw;letter-spacing:-4px}.career-story{grid-template-columns:1fr;padding:65px 18px;gap:35px}.career-story h2,.qualification-section h2{font-size:42px;letter-spacing:-2px}.career-story p{font-size:13px}.career-timeline{padding:0 18px 65px}.career-timeline article{grid-template-columns:70px 1fr;gap:22px}.career-timeline article>span{font-size:30px;letter-spacing:-1px}.career-timeline h3{font-size:17px;line-height:1.25}.career-timeline p{font-size:12px}.qualification-section{padding:45px 18px 65px}.credentials{gap:8px;margin:30px 0}.credentials span{padding:10px 12px;font-size:10px}.qualification-copy{grid-template-columns:1fr;gap:25px;font-size:13px}.brand-service-panels article:nth-child(even) figure{order:0}.brand-service-panels h2{font-size:34px;letter-spacing:-1.2px}.store-card h2{font-size:28px}.portfolio-introduction{grid-template-columns:1fr;padding:0 18px 50px;gap:25px;font-size:13px}.professional-projects{padding:0 18px 65px}.submission-note{padding:65px 18px}.submission-note h2{font-size:43px;letter-spacing:-2px}.concept-archive{padding-top:50px}}
/* Reference-inspired gallery and restrained motion */
.project-selector{padding:118px 22px 45px;text-align:center}.project-selector h1{font-size:28px;font-weight:600;letter-spacing:-1.3px}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:6px;align-items:center}.category-tabs button,.category-tabs>span{font-size:clamp(17px,2vw,28px);font-weight:600;letter-spacing:-1px;text-transform:uppercase;color:#a4a4a0;padding:0}.category-tabs button:hover,.category-tabs button.active{color:#242422}.project-toolbar{border-top:1px solid #c9c9c3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;font-size:10px;text-transform:uppercase}.gallery-kind{font-size:9px;color:#797973}.view-controls{display:flex;gap:20px;align-items:center}.view-controls button{font-size:11px;padding:5px;color:#888}.view-controls button.active{color:#222}.view-controls #immersive-toggle{display:flex;align-items:center;gap:8px;color:#222;text-transform:uppercase;font-size:9px}.view-switch{width:24px;height:10px;border:1px solid #999;border-radius:20px;position:relative}.view-switch:after{content:'';position:absolute;left:2px;top:2px;width:4px;height:4px;border-radius:50%;background:#222;transition:transform .3s}#immersive-toggle[aria-pressed=true] .view-switch:after{transform:translateX(14px)}.project-gallery{padding:28px 22px 80px}.project-browser #project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;align-items:start}.project-browser #project-grid[data-columns='4']{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.project-browser .project-card:first-child{grid-column:auto}.project-browser .project-card .image-wrap{aspect-ratio:1.15;position:relative;background:#d6d6cf}.project-browser .project-card:nth-child(3n+2) .image-wrap{aspect-ratio:.86}.project-browser .project-card img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1),filter .7s;transform:scale(1.015)}.project-browser .project-card:hover img{transform:scale(1.075);filter:brightness(.87)}.project-browser .card-meta{padding-top:15px;align-items:start}.project-browser .card-meta h3{font-size:11px}.project-browser .card-meta p{font-size:9px;line-height:1.6}.project-browser.immersive .card-meta{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#000a);padding:50px 16px 18px;opacity:0;transform:translateY(8px);transition:.4s}.project-browser.immersive .card-meta p{color:#ddd}.project-browser.immersive .project-card{position:relative}.project-browser.immersive .project-card:hover .card-meta,.project-browser.immersive .project-card:focus-visible .card-meta{opacity:1;transform:none}.gallery-disclosure{font-size:10px;line-height:1.8;color:#74746d;max-width:650px;margin-top:45px}.record-heading{padding:75px 22px 55px;border-top:1px solid #bbb;scroll-margin-top:30px}.record-heading h2{font-size:clamp(40px,6vw,85px);line-height:.95;letter-spacing:-3px;font-weight:500;margin-top:30px}.project-end{padding:70px 22px 100px;border-top:1px solid #bbb}.project-end>span{font-size:10px}.project-end>a{display:flex;justify-content:space-between;font-size:clamp(65px,13vw,190px);letter-spacing:-7px;line-height:1.2;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-item{opacity:0;transform:translateY(32px);transition:opacity .9s var(--reveal-delay,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}.motion-item.is-revealed{opacity:1;transform:none}header nav a:not(.pill){position:relative}header nav a:not(.pill):after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s}header nav a:hover:after{transform:scaleX(1);transform-origin:left}.pill span,.card-meta>span{display:inline-block;transition:transform .4s}.pill:hover span,.project-card:hover .card-meta>span{transform:rotate(45deg)}.professional-list details>p{animation:content-enter .5s both}@keyframes content-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.custom-cursor{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;opacity:0;mix-blend-mode:difference;color:#fff;font-size:9px;letter-spacing:.5px;display:grid;place-items:center;width:0;height:0;white-space:nowrap}.custom-cursor:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:white;transition:width .25s,height .25s,background .25s,border .25s}.cursor-ready .custom-cursor{opacity:1}.custom-cursor.cursor-link:before{width:36px;height:36px;background:transparent;border:1px solid white}.custom-cursor.cursor-project:before{width:84px;height:84px;background:#ffffff15;border:1px solid #fff}.custom-cursor.cursor-field{opacity:0}@media(hover:hover) and (pointer:fine){.cursor-ready,.cursor-ready a,.cursor-ready button,.cursor-ready summary{cursor:none}.cursor-ready input,.cursor-ready textarea{cursor:text}}
@media(max-width:760px){.project-selector{padding:110px 18px 32px}.project-selector h1{font-size:25px}.category-tabs{gap:5px}.category-tabs button,.category-tabs>span{font-size:14px;letter-spacing:-.5px}.project-toolbar{padding:15px 18px;gap:15px;flex-wrap:wrap}.project-toolbar>a{font-size:9px}.gallery-kind{width:100%;order:3;font-size:8px}.view-controls{gap:10px}.view-controls button[data-columns='4']{display:none}.project-gallery{padding:10px 18px 55px}.project-browser #project-grid,.project-browser #project-grid[data-columns='4']{grid-template-columns:1fr 1fr;gap:30px 12px}.project-browser .project-card .image-wrap{aspect-ratio:.78}.project-browser .project-card:nth-child(3n+2) .image-wrap{aspect-ratio:.7}.project-browser .card-meta h3{font-size:9px;line-height:1.4}.project-browser .card-meta p{font-size:8px}.project-browser .card-meta>span{display:none}.project-browser.immersive .card-meta{opacity:1;transform:none;padding:35px 8px 10px}.record-heading{padding:55px 18px 35px}.record-heading h2{font-size:40px;letter-spacing:-2px}.project-end{padding:50px 18px 70px}.project-end>a{font-size:17vw;letter-spacing:-3px}.custom-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.motion-item{opacity:1;transform:none}.custom-cursor{display:none}.project-browser .project-card:hover img{transform:none}}
.project-selector h1 button{font:inherit;letter-spacing:inherit;padding:0}.project-selector h1 button:not(.active){color:#999}.project-full+.project-full{margin-top:30px}.project-browser #project-grid{grid-auto-rows:8px;row-gap:16px}.project-browser #project-grid[data-columns='4']{row-gap:16px}
@media(max-width:760px){.view-controls button[data-columns]{display:none}.cursor-ready{cursor:auto}.cursor-ready a,.cursor-ready button,.cursor-ready summary{cursor:pointer}}
/* Editorial case studies */
.case-nav{display:flex;gap:32px;padding:28px 6%;border-bottom:1px solid #c9c7c0;font-size:11px}.case-nav a:first-child{margin-right:auto}.case-introduction{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 6%}.case-introduction h2,.case-materials h2,.case-comparison h2,.case-gallery h2{font-weight:400;font-size:clamp(38px,4.8vw,76px);line-height:1.03;letter-spacing:-2px;margin:28px 0}.case-lead{font-size:18px;line-height:1.8}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.case-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:10px}.case-facts dd{font-size:12px;line-height:1.6;margin:0}.case-image{margin:0;min-width:0}.case-image img{width:100%;height:auto;display:block}.image-open{position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:left}.image-open img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.image-open:hover img{transform:scale(1.025)}.enlarge{position:absolute;bottom:20px;right:20px;padding:12px 16px;border-radius:30px;background:#f5f3edee;color:#222;font-size:9px;opacity:0;transform:translateY(8px);transition:.3s}.image-open:hover .enlarge,.image-open:focus-visible .enlarge{opacity:1;transform:none}.case-image figcaption{font-size:9px;letter-spacing:.5px;line-height:1.6;margin-top:13px;color:#67655e}.case-wide{margin:0 3%}.case-materials{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 6% 70px}.case-materials p{max-width:350px;font-size:12px;line-height:1.8;color:#69675e}.case-materials ul{list-style:none;margin:20px 0 0;padding:0}.case-materials li{padding:22px 0;border-top:1px solid #c9c7c0;display:flex;gap:28px;font-size:17px;line-height:1.5}.case-materials li span{font-size:10px;color:#777;padding-top:5px}.case-scope{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:0 6% 100px;border-top:1px solid #c9c7c0;padding-top:28px}.case-scope>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-scope p{font-size:12px;line-height:1.7}.case-comparison{background:#e3e0d8;padding:70px 3%}.case-comparison>h2,.case-comparison>.eyebrow{margin-left:3%}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.comparison-pair .image-open{aspect-ratio:1.5;background:#d6d2c8}.comparison-pair img{height:100%;object-fit:contain}.case-gallery{padding:100px 3% 65px}.case-gallery-heading{padding:0 3% 40px}.case-gallery-heading p{font-size:12px;color:#777}.case-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px;align-items:start}.case-gallery-grid .case-image:nth-child(3n){grid-column:1/-1}.case-credit{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:35px 6%;border-top:1px solid #ccc;font-size:10px;line-height:1.8;color:#777}#image-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#161715;color:#faf9f5;overflow:hidden}#image-viewer[open]{display:flex;flex-direction:column}#image-viewer::backdrop{background:#161715}#viewer-image{width:100%;flex:1;min-height:0;object-fit:contain;padding:0 4%}.viewer-toolbar,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;gap:20px;flex-shrink:0;font-size:11px}.viewer-toolbar button,.viewer-bottom button{color:inherit;padding:12px;min-width:44px;min-height:44px}.viewer-bottom p{line-height:1.6;text-align:center}.viewer-bottom button{font-size:24px}body:has(#image-viewer[open]){overflow:hidden}body:has(#image-viewer[open]),body:has(#image-viewer[open]) button{cursor:auto}body:has(#image-viewer[open]) .custom-cursor{display:none}
@media(max-width:760px){.case-nav{padding:22px 18px;gap:20px;font-size:10px}.case-introduction,.case-materials{grid-template-columns:1fr;gap:28px;padding:60px 18px}.case-lead{font-size:15px}.case-facts{margin-top:30px}.case-wide{margin:0 18px}.case-scope{grid-template-columns:1fr;margin:0 18px 60px;gap:25px}.case-materials li{font-size:15px;padding:18px 0}.case-comparison{padding:55px 18px}.case-comparison>h2,.case-comparison>.eyebrow{margin-left:0}.comparison-pair{grid-template-columns:1fr;gap:28px}.case-gallery{padding:60px 18px}.case-gallery-heading{padding:0 0 30px}.case-gallery-grid{grid-template-columns:1fr;gap:30px}.case-gallery-grid .case-image:nth-child(3n){grid-column:auto}.case-credit{grid-template-columns:1fr;gap:16px;padding:30px 18px}.enlarge{opacity:1;transform:none;font-size:8px;padding:8px 12px;bottom:12px;right:12px}.project-page-title h1{overflow-wrap:normal;font-size:clamp(38px,12vw,80px)}.case-introduction h2,.case-materials h2,.case-comparison h2,.case-gallery h2{letter-spacing:-1.5px}.viewer-toolbar,.viewer-bottom{padding:12px}.viewer-bottom p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.image-open img,.enlarge{transition:none}.image-open:hover img{transform:none}}

/* Project archive categories and complete register */
.archive-selector{padding-bottom:35px}.archive-intro{font-size:12px;color:#777;margin:20px 0 32px}.archive-category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;max-width:1250px;margin:auto}.archive-category-tabs button{font-size:13px;line-height:1.6;color:#777;padding:5px 0;border-bottom:1px solid transparent}.archive-category-tabs button.active{color:#222;border-color:#222}.category-count{font-size:9px;vertical-align:super;margin-left:6px;color:#999}.archive-search{flex:1;max-width:300px;margin:auto}.archive-search input{width:100%;border:0;border-bottom:1px solid #c7c5bd;background:transparent;padding:9px 0;font:inherit;outline-offset:5px;border-radius:0}.archive-summary{font-size:10px;color:#777;margin:15px 0 25px}.complete-register{padding:70px 6% 100px;border-top:1px solid #c8c6be}.register-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;margin-bottom:45px}.register-heading>.eyebrow{grid-column:1/-1}.register-heading h2{font-size:clamp(40px,5vw,80px);font-weight:400;letter-spacing:-2px;line-height:1.03}.register-heading p{font-size:13px;line-height:1.8;max-width:430px;align-self:end}.register-group{border-top:1px solid #c8c6be}.register-group summary{display:flex;align-items:center;gap:25px;padding:25px 0;list-style:none;cursor:pointer}.register-group summary::-webkit-details-marker{display:none}.register-group summary h3{font-size:clamp(18px,2vw,28px);font-weight:400;margin-right:auto;letter-spacing:-.6px}.register-group summary>span{font-size:10px;color:#777}.register-group summary b{font-size:22px;font-weight:400}.register-group[open] summary b{transform:rotate(45deg)}.register-rows>a{display:grid;grid-template-columns:30px 2fr 1fr 110px 20px;gap:20px;align-items:center;padding:20px 0;border-top:1px solid #dddcd6;font-size:11px;transition:padding .3s}.register-rows>a:hover{padding-left:12px}.register-rows strong{font-size:13px;font-weight:400;line-height:1.5}.register-rows small{font-size:9px;color:#777}.record-number,.record-location{color:#888;font-size:10px}.archive-record-heading h1{font-size:clamp(45px,7vw,110px);line-height:1;letter-spacing:-3px;overflow-wrap:anywhere}.archive-record-note{padding:0 6% 70px;max-width:700px;font-size:14px;line-height:1.8;color:#777}.project-page-title h1{font-size:clamp(40px,7vw,120px);overflow-wrap:normal}.register-group[open] .register-rows{animation:content-enter .4s both}
@media(max-width:760px){.archive-category-tabs{justify-content:flex-start;gap:8px 18px;text-align:left}.archive-category-tabs button{font-size:11px}.archive-intro{text-align:left;font-size:11px;line-height:1.7}.archive-selector{padding-bottom:25px}.archive-search{max-width:none;flex-basis:100%;order:3}.archive-summary{font-size:9px;line-height:1.7}.complete-register{padding:50px 18px}.register-heading{grid-template-columns:1fr;gap:20px}.register-heading h2{font-size:42px}.register-heading p{font-size:12px}.register-group summary{gap:14px}.register-group summary h3{font-size:18px;line-height:1.4}.register-group summary>span{font-size:9px;white-space:nowrap}.register-rows>a{grid-template-columns:20px 1fr 15px;gap:12px}.register-rows strong{font-size:12px}.record-location,.register-rows small{display:none}.archive-record-heading h1{font-size:12vw;letter-spacing:-2px}.archive-record-note{padding:0 18px 45px;font-size:12px}.project-page-title h1{font-size:12vw;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){.register-group[open] .register-rows{animation:none}.register-rows>a{transition:none}}

/* pass 1 — identity & contact */
.footer-contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-size:10px;letter-spacing:.4px}
.footer-contact strong{font-size:12px;letter-spacing:1px;text-transform:uppercase}
.footer-contact a{text-decoration:none;border-bottom:1px solid #a9ada0;color:inherit}
.footer-contact a:hover{border-color:var(--ink)}
.site-footer{grid-template-columns:auto auto 1fr auto;align-items:start}
@media (max-width:760px){.site-footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}
.contact-details{display:grid;gap:14px;margin:30px 0 26px;max-width:420px}
.contact-details a{display:grid;gap:3px;text-decoration:none;color:inherit;font-size:14px;padding-bottom:12px;border-bottom:1px solid #d6d8d2}
.contact-details a span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#777}
.contact-details a:hover{color:#000}
.case-ar{font-size:clamp(14px,1.6vw,20px);margin:10px 0 0;opacity:.85;font-weight:400;text-align:left}
.project-page-title .case-ar{color:#fff;text-shadow:0 1px 20px #0006}
.about-roles,.about-tools{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:90px 22px;border-top:1px solid #d6d8d2}
.about-roles h2,.about-tools h2{font-size:38px;line-height:1;letter-spacing:-1.5px;font-weight:500}
.about-roles-note{font-size:11px;color:#777;margin-top:24px;max-width:300px;line-height:1.7}
.about-roles-list{display:grid;gap:44px}
.about-roles-list .role-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:12px}
.about-roles-list h3{font-size:22px;font-weight:500;letter-spacing:-.5px}
.about-roles-list .role-head span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#777}
.about-roles-list p{font-size:13px;line-height:1.8;max-width:620px}
.about-roles-list ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:12.5px;line-height:1.6;max-width:620px}
.about-roles-list li{padding-left:16px;position:relative}
.about-roles-list li::before{content:'—';position:absolute;left:0;color:#999}
.about-roles-list a{color:inherit}
.tools-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.tools-groups h3{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#777;margin-bottom:8px;font-weight:500}
.tools-groups p{font-size:13px;line-height:1.8}
.about-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
@media (max-width:760px){.about-roles,.about-tools{grid-template-columns:1fr;gap:30px;padding:60px 18px}.tools-groups{grid-template-columns:1fr}}