@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--blue:#173bde;--ink:#10141c;--paper:#f4f3ef;--line:#d4d4d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.lockup{display:flex;flex-direction:column;align-items:center}.wordmark{font:800 48px/.95 'Manrope',Arial,sans-serif;letter-spacing:-4px}.descriptor{font-size:9px;letter-spacing:3.4px;margin-top:10px;font-weight:700}nav{display:flex;gap:38px;font-size:14px}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:var(--blue)}#language{border:1px solid #c7c8c9;background:none;border-radius:50%;width:45px;height:45px;cursor:pointer;font-size:13px}#language:hover{background:var(--blue);color:white}.hero{min-height:740px;height:calc(100svh - 106px);max-height:1100px;position:relative;background:#151920;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(9,13,21,.77),rgba(9,13,21,.12) 68%),linear-gradient(0deg,rgba(9,13,21,.7),transparent 35%)}.hero-copy{position:relative;padding:8% 7%}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 35px}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(64px,6.4vw,105px)/1.06 'Manrope',Arial,sans-serif;letter-spacing:-5px;margin-bottom:26px}.hero-sub{color:#dadde3;font-size:18px;margin-bottom:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--blue);padding:18px 25px;font-size:14px;transition:background .2s}.button:hover{background:#3156f8}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px}.hero-bottom a{font-size:24px}.intro{padding:125px 7%;display:grid;grid-template-columns:1fr 2.1fr;gap:40px}.section-label{display:flex;gap:20px;font-size:12px;letter-spacing:1.2px;font-weight:500}.section-label>span:first-child{opacity:.5}h2{font:500 clamp(38px,4vw,65px)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-2.4px}h2 em{color:#787c86;font-style:normal}.intro-detail{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:45px}.intro-detail p{max-width:430px;color:#626671;font-size:17px}.small-mark{color:var(--blue);font:bold 60px 'Manrope',sans-serif;letter-spacing:-10px}.approach{padding:90px 7% 100px;background:#e7e8e9}.approach-top{display:flex;justify-content:space-between;gap:60px;margin-top:55px;align-items:end}.approach-top p{max-width:330px;color:#626671}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.principles article{border-top:1px solid #b7bac1;padding-top:25px}.principles article>span{color:var(--blue);font-size:13px}.principles h3{font:500 28px 'Manrope',sans-serif;letter-spacing:-1px;margin:38px 0 20px}.principles p{color:#626671;margin-bottom:0;max-width:350px}.signature{background:var(--blue);color:white;padding:70px 7% 0;overflow:hidden}.signature-quote{font:500 clamp(38px,4.4vw,70px)/1.2 'Manrope',sans-serif;letter-spacing:-2px;margin:75px 0 35px}.signature-quote em{font-style:normal;color:#a3b4ff}.founder{display:flex;flex-direction:column;font-size:13px;gap:5px}.founder>span:first-child{letter-spacing:2px}.founder>span:last-child{opacity:.7}.large-wordmark{font:800 clamp(120px,26vw,440px)/1 'Manrope',sans-serif;letter-spacing:-.08em;margin:65px 0 -3.5vw -1.4vw;white-space:nowrap}footer{padding:38px 7%;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.concept-note{text-align:center;border-top:1px solid var(--line);padding:15px 20px;font-size:12px;color:#767a83}:focus-visible{outline:3px solid #7094ff;outline-offset:6px}
@media(min-width:1600px){.hero-copy{padding-top:130px}}@media(max-width:760px){header{height:85px;padding:0 6%}.wordmark{font-size:38px}.descriptor{font-size:8px;letter-spacing:2.5px}nav{gap:18px}nav a{display:none}nav a:first-child{display:block;font-size:13px}.hero{height:calc(100svh - 85px);min-height:670px;max-height:900px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(9,13,21,.55),rgba(9,13,21,.25)),linear-gradient(90deg,rgba(9,13,21,.45),transparent)}.hero-copy{padding:62px 7%}h1{font-size:58px;letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:25px}.hero-sub{font-size:16px;max-width:240px}.hero-bottom{font-size:9px;letter-spacing:1px}.intro{padding:70px 7%;grid-template-columns:1fr;gap:40px}h2{font-size:38px;letter-spacing:-1.8px}.intro-detail{grid-template-columns:70px 1fr;gap:25px}.intro-detail p{font-size:16px}.small-mark{font-size:46px}.approach{padding:60px 7%}.approach-top{display:block;margin-top:40px}.principles{grid-template-columns:1fr;gap:35px;margin-top:35px}.principles h3{margin:20px 0 14px}.principles p{max-width:100%}.signature{padding-top:45px}.signature-quote{font-size:38px;margin-top:50px;letter-spacing:-1.5px}.large-wordmark{margin-top:60px;font-size:27vw}footer{flex-wrap:wrap;padding:30px 7%;font-size:10px}.concept-note{font-size:11px}.section-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Atelier identity */
:root{--blue:#587080;--ink:#172b37;--paper:#f5f5f1;--line:#d6dcde}
header{height:112px;padding:0 6%;background:var(--paper)}
.descriptor{font-size:10px;letter-spacing:3px;font-weight:400;color:#587080}
.hero{min-height:720px;height:calc(100svh - 112px);margin:0 24px;color:var(--ink);background:#e9edeb}
.hero-shade{background:linear-gradient(90deg,rgba(245,245,241,.9),rgba(245,245,241,.52) 32%,transparent 65%)}
.hero-copy{padding:8% 5.5%}.hero-sub{color:#526674}.eyebrow{letter-spacing:2.5px}
h1{font-weight:300;letter-spacing:-4px;font-size:clamp(58px,6.2vw,98px);line-height:1.12}
.button{background:var(--ink);color:var(--paper);padding:17px 25px}.button:hover{background:var(--blue)}
.hero-bottom{left:5.5%;right:5.5%;color:#172b37}.hero-bottom>span{background:rgba(245,245,241,.7);padding:4px 8px}
h2{font-weight:300}h2 em{color:#84929b}.intro{padding:140px 7%}.intro-detail p{color:#526674}
.approach{background:#e9edef;padding-top:105px}.approach-top p,.principles p{color:#526674}
.principles h3{font-weight:400}.signature{background:#587080;padding-top:85px}.signature-quote{font-weight:300}.signature-quote em{color:#dce4e8}
.large-wordmark{margin:100px 0 45px;line-height:0}.large-wordmark img{opacity:.92;max-height:230px}.founder>span:last-child{opacity:.9}
@media(max-width:760px){header{height:96px}.hero{margin:0 12px;height:calc(100svh - 108px);min-height:720px}.hero-copy{padding:48px 6%}.hero-image{object-position:66% center}.hero-shade{background:linear-gradient(180deg,rgba(245,245,241,.98),rgba(245,245,241,.78) 32%,rgba(245,245,241,0) 67%)}h1{font-size:49px;letter-spacing:-2.5px}.hero-sub{max-width:260px}.hero-bottom{font-size:9px;left:5%;right:5%}.hero-bottom>span{padding:3px}.hero-bottom>a{display:none}.intro{padding:75px 7%}.approach{padding-top:65px}.signature{padding-top:55px}.large-wordmark{margin:65px 0 40px}.descriptor{font-size:10px;letter-spacing:2.7px}}