@font-face{font-family:Satoshi;src:url('assets/satoshi-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/satoshi-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafafa;color:#1a1a1f;font-family:Satoshi,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f81f6a;outline-offset:6px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}header{height:112px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}nav{display:flex;gap:36px;font-size:15px}nav a:hover,footer a:hover{color:#1821f6}.logo{font-size:54px;font-weight:900;letter-spacing:-5px;line-height:1;display:flex;align-items:flex-start}.logo span{font-weight:400;font-size:12px;letter-spacing:0;margin:7px 0 0 8px}.nav-cta{border:1px solid #c6c6ce;border-radius:50px;padding:14px 23px;font-size:15px}.nav-cta span{margin-left:26px}.nav-cta:hover{background:#1821f6;color:#fff;border-color:#1821f6}.hero{max-width:1600px;margin:auto;padding:70px 5% 25px;display:grid;grid-template-columns:1.12fr 1fr;gap:35px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:900;line-height:1.6}.hero h1{font-size:clamp(60px,6.4vw,108px);line-height:1.01;letter-spacing:-5px;font-weight:900;margin:28px 0}.hero h1 em{color:#1821f6;font-style:normal}.intro{font-size:18px;line-height:1.6;color:#55555f;margin-bottom:30px}.button{background:#1821f6;color:#fff;padding:20px 25px;border-radius:40px;display:inline-flex;gap:40px;font-size:15px;transition:transform .2s,background .2s}.button:hover{background:#1a16cf;transform:translateY(-3px)}.hero-art{position:relative;align-self:center;margin-top:25px;border-radius:8px;background:#c9cbd4;transform:rotate(3deg);overflow:visible}.hero-art img{border-radius:8px;aspect-ratio:1/1.08;object-fit:cover}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;padding:18px 22px;border-radius:0 0 8px 8px;backdrop-filter:blur(8px);font-size:12px;letter-spacing:1px}.hero-art figcaption a{font-size:26px}.art-note{position:absolute;right:-16px;top:16px;background:#ffc537;color:#1a1a1f;padding:21px 24px;font-size:22px;font-weight:900;line-height:1.1;transform:rotate(7deg);border-radius:50%;text-align:center;box-shadow:0 8px 25px #0001}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;color:#696975;margin-top:40px;padding-top:20px}.ribbon{margin-top:30px;background:#1821f6;color:white;padding:27px 5%;display:flex;justify-content:space-around;align-items:center;gap:30px;font-size:clamp(20px,2.9vw,42px);font-weight:900;letter-spacing:-1px}.ribbon b{color:#ffc537;font-size:40px}.section{padding:105px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-heading h2{font-size:clamp(38px,4.5vw,68px);line-height:1.04;letter-spacing:-2.5px;margin-top:20px}.section-heading>p{font-size:17px;color:#696975;line-height:1.6}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.image-frame{overflow:hidden;border-radius:5px;background:#ddd}.image-frame img{transition:transform .6s}.image-frame:hover img{transform:scale(1.035)}.project-grid figcaption{padding-top:23px}.project-grid h3{font-size:22px;letter-spacing:-.5px;margin-bottom:8px}.project-grid figcaption span,.project-note{color:#686875;font-size:14px}.project-note{margin-top:28px}.studio{background:#1a1a1f;color:white;max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.studio>.eyebrow{color:#bcbcc7}.studio-content{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;margin-top:42px}.studio h2{font-size:clamp(42px,5.4vw,80px);line-height:1.05;letter-spacing:-3px}.studio h2 span{color:#f0eeff}.studio-content>div{padding-top:10px;max-width:450px}.studio-content p{font-size:20px;line-height:1.6;margin-bottom:25px}.studio-content .signature{margin-top:45px;font-size:16px}.signature span{font-size:14px;color:#a9a9b4}.service-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;align-items:start;padding:34px 0;border-top:1px solid #d3d3dc}.service-list article:last-child{border-bottom:1px solid #d3d3dc}.number{font-size:14px;color:#1821f6}.service-list h3{font-size:26px;letter-spacing:-.7px}.service-list p{font-size:17px;line-height:1.6;color:#62626e;max-width:470px}.contact{background:#1821f6;color:white;max-width:none;position:relative}.contact h2{font-size:clamp(75px,11vw,170px);letter-spacing:-6px;line-height:.98;margin:32px 0}.contact h2 em{font-style:normal;color:#ffc537}.contact h2>span{font-size:clamp(80px,14vw,200px);position:absolute;right:10%;top:30%}.contact>p:not(.eyebrow){font-size:21px;line-height:1.5}.contact-status{display:inline-block;margin-top:30px;font-size:14px;border:1px solid #ffffff60;border-radius:30px;padding:14px 20px}footer{padding:45px 5%;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer p{font-size:14px;color:#666}footer>a:nth-of-type(2){margin-left:auto;font-size:14px}footer small{flex-basis:100%;font-size:12px;color:#777;border-top:1px solid #ddd;padding-top:25px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:15px;z-index:50}.skip:focus{top:10px}@media(min-width:1600px){.hero h1{font-size:108px}}@media(max-width:900px){header{height:90px}nav{gap:20px}.hero{padding-top:45px;gap:24px}.hero h1{font-size:62px;letter-spacing:-3px}.hero-art{margin-top:0}.hero-art img{aspect-ratio:1/1.45}.art-note{font-size:17px;right:-8px}.hero-art figcaption{font-size:10px;padding:12px}.studio-content{gap:40px}.service-list article{grid-template-columns:35px 1fr 1.1fr}.service-list h3{font-size:22px}}@media(max-width:650px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:18px;padding-top:22px;padding-bottom:20px}.logo{font-size:45px}nav{order:3;width:100%;justify-content:space-between;font-size:14px}.nav-cta{font-size:14px;padding:11px 16px}.nav-cta span{margin-left:12px}.hero{display:flex;flex-direction:column;padding-top:35px}.hero h1{font-size:clamp(48px,12vw,76px);letter-spacing:-2.8px;margin-top:20px}.intro{font-size:17px}.hero-art{width:94%;margin:20px auto 0}.hero-art img{aspect-ratio:1/1}.hero-art figcaption{font-size:11px}.art-note{font-size:19px}.hero-bottom{font-size:10px;margin-top:20px;gap:20px;line-height:1.6}.hero-bottom span{max-width:48%}.ribbon{gap:15px;padding:20px 5%;flex-wrap:wrap;font-size:21px}.ribbon b{font-size:24px}.ribbon b:last-child,.ribbon span:last-of-type{display:none}.section{padding:65px 5%}.section-heading{display:block}.section-heading>p{margin-top:24px}.section-heading h2{letter-spacing:-1.5px}.project-grid{grid-template-columns:1fr;gap:35px}.studio-content{grid-template-columns:1fr;gap:35px}.studio h2{font-size:49px;letter-spacing:-2px}.studio-content p{font-size:18px}.service-list article{grid-template-columns:25px 1fr;gap:12px}.service-list p{grid-column:2}.contact h2{letter-spacing:-4px}.contact h2>span{right:7%;top:38%;font-size:80px}.contact .eyebrow{max-width:250px}.contact>p:not(.eyebrow){font-size:18px}footer{gap:25px}footer p{flex-basis:50%;margin-left:auto;text-align:right}footer>a:nth-of-type(2){margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Auria identity and client portfolio */
:root{--auria-blue:#1821F6;--auria-dark:#1A1A1F;--auria-gold:#FFC537;--auria-snow:#F0EEFF;--auria-pink:#F81F6A}
body{background:#fff}.logo{position:relative;display:block;flex-shrink:0;width:180px;height:65px;overflow:hidden;letter-spacing:normal}.logo img{position:absolute;width:314.4px;max-width:none;height:auto;left:-67.2px;top:-48.45px;mix-blend-mode:multiply}
.hero-type{display:block;padding-top:76px}.hero-type h1{font-size:clamp(58px,7.5vw,116px);line-height:1.04;letter-spacing:-.055em;margin:26px 0 40px;font-weight:900}.hero-summary{display:flex;justify-content:space-between;align-items:center;gap:35px;max-width:1080px}.hero-summary .intro{max-width:490px;margin:0;font-size:19px;line-height:1.55}.hero-summary .button{flex-shrink:0}.hero-bottom{margin-top:66px}.eyebrow{font-size:13px}.hero-bottom{font-size:12px;letter-spacing:.9px}.ribbon b{font-weight:400}.section-heading h2{font-weight:900}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.project-grid figure{min-width:0}.image-frame{border-radius:8px;background:#f0eeff}.image-frame img{aspect-ratio:1;object-fit:contain}.project-grid figcaption{padding-top:15px}.project-grid h3{font-size:23px;letter-spacing:-.4px;font-weight:900}.work{padding-bottom:100px}.studio h2,.contact h2,.service-list h3{font-weight:900}.contact .eyebrow{color:white}.ribbon{font-size:clamp(20px,2.7vw,42px)}
@media(max-width:900px){.hero-type h1{font-size:clamp(58px,7.5vw,78px)}.hero-summary{align-items:flex-start}.hero-summary .intro{font-size:17px}.hero-summary .button{gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{width:160px;height:58px}.logo img{width:279.45px;left:-59.73px;top:-43.07px}}
@media(max-width:650px){.hero-type{padding-top:40px}.hero-type h1{font-size:clamp(40px,10.5vw,64px);letter-spacing:-.055em;margin:24px 0 30px}.hero-type h1 br{display:none}.hero-summary{display:block}.hero-summary .intro{max-width:360px;font-size:17px}.hero-summary .button{margin-top:25px}.hero-bottom{margin-top:40px;font-size:12px;letter-spacing:0}.project-grid{gap:28px 14px}.project-grid h3{font-size:20px}.section-heading h2{font-size:42px}.ribbon{margin-top:18px}.logo{width:145px;height:53px}.logo img{width:253.25px;left:-54.14px;top:-39.03px}.eyebrow{font-size:12px;letter-spacing:1px}.work{padding-bottom:65px}}
@media(max-width:420px){.project-grid{grid-template-columns:1fr}.project-grid h3{font-size:23px}}

/* Updated hero copy and the three stages of Gessi */
.hero-type h1{font-size:clamp(44px,5.5vw,84px);line-height:1.1;letter-spacing:-.045em;max-width:1250px;margin-top:0}.ribbon.ribbon-empty{height:64px;min-height:64px;padding:0;background:var(--auria-blue)}.work .section-heading h2{max-width:850px;text-wrap:balance}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.process-grid figure{min-width:0}.process-image{overflow:hidden;border-radius:8px;border:1px solid #e7e5f0;background:#f0eeff}.process-image img{width:100%;aspect-ratio:1;object-fit:contain}.process-grid figcaption{padding-top:25px}.process-grid .number{font-size:13px;letter-spacing:1px;font-weight:900;display:block;margin-bottom:12px}.process-grid h3{font-weight:900;font-size:25px;line-height:1.2;letter-spacing:-.6px;margin-bottom:12px}.process-grid p{font-size:17px;color:#62626e;line-height:1.6}.process-grid figure:last-child .number{color:#b40741}
@media(max-width:900px){.process-grid{gap:18px}.process-grid h3{font-size:22px}.process-grid p{font-size:16px}}
@media(max-width:650px){.hero-type h1{font-size:clamp(37px,8.5vw,54px);line-height:1.12;letter-spacing:-.04em}.hero-type h1 br{display:block}.hero-type h1 em{display:block;margin-top:8px}.ribbon.ribbon-empty{height:42px;min-height:42px}.work .section-heading h2{font-size:38px}.process-grid{grid-template-columns:1fr;gap:42px}.process-grid h3{font-size:26px}.process-grid figcaption{padding-top:20px}.process-grid p{max-width:440px}}

.contact-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;position:relative}.contact-link{display:flex;flex-direction:column;gap:8px;padding:22px 28px;border:1px solid #ffffff80;border-radius:16px;transition:background .2s,color .2s;min-width:0}.contact-label{font-size:14px}.contact-value{font-size:clamp(20px,2.5vw,30px);font-weight:900;overflow-wrap:anywhere}.contact-link:hover{background:#fff;color:#1821f6}.contact-link:focus-visible{outline-color:#ffc537}@media(max-width:650px){.contact-links{flex-direction:column}.contact-link{width:100%;padding:20px}.contact h2>span{top:26%}}

/* Zora welcomes visitors alongside the headline. */
.hero-zora{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:36px;row-gap:0;align-items:center;padding-top:60px}
.hero-zora .hero-copy{min-width:0}
.hero-zora h1{font-size:clamp(40px,4.3vw,68px);line-height:1.08;margin-bottom:28px;max-width:760px}
.hero-zora .hero-summary{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hero-zora .hero-summary .intro{max-width:470px;font-size:18px}
.zora-welcome{width:100%;max-width:600px;justify-self:center;align-self:center}
.zora-welcome img{width:100%;height:auto;object-fit:contain}
.hero-zora .hero-bottom{margin-top:40px;width:100%}
@media(max-width:900px) and (min-width:651px){.hero-zora{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:18px;padding-top:44px}.hero-zora h1{font-size:clamp(34px,4.6vw,42px)}.hero-zora .hero-summary .intro{font-size:17px}}
@media(max-width:650px){.hero-zora{grid-template-columns:minmax(0,1fr);padding-top:36px;row-gap:28px}.hero-zora h1{font-size:clamp(37px,8.5vw,54px);line-height:1.12}.hero-zora .hero-summary{gap:24px}.hero-zora .hero-summary .button{margin-top:0}.zora-welcome{max-width:380px;width:94%}.hero-zora .hero-bottom{margin-top:0}}