@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#33282e;--paper:#f0e9e8;--ink:#382a31;--orange:#a9bdce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff22}.logo{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:49px;letter-spacing:-4px;line-height:.85;position:relative}.logo span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:5px}.logo small{display:block;letter-spacing:2px;font-size:8px;margin-top:11px}nav{display:flex;gap:36px;font-size:14px}.contact{font-size:13px;border-bottom:1px solid #777;padding:12px 0}.contact span{margin-left:32px;font-size:23px}#menu{display:none}.hero{min-height:740px;height:calc(100svh - 112px);max-height:1000px;padding:65px 7% 45px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#81475744,transparent 50%)}.eyebrow,.label{font-size:11px;letter-spacing:1.8px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--orange)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(90px,11.8vw,185px);font-weight:500;letter-spacing:-.075em;line-height:1.01;margin:40px 0 35px;position:relative;max-width:1250px}h1 em{font-style:normal;color:var(--orange)}.asterisk{position:absolute;right:0;top:-10px;color:var(--orange);font-size:270px;line-height:1;animation:turn 40s linear infinite}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:35px}.hero-bottom p{font-size:15px;color:#b8bab3;line-height:1.7}.round-link{display:flex;align-items:center;gap:24px;font-size:12px}.round-link b{border:1px solid #73766e;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:400;transition:.3s}.round-link:hover b{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:rotate(45deg)}.vertical-note{font-size:10px;letter-spacing:1.2px;color:#93978c}.hero-no{position:absolute;right:5%;top:46px;color:#888;font-size:10px}.ticker{background:var(--orange);color:var(--ink);overflow:hidden;padding:18px 0;font:700 22px Manrope;letter-spacing:1px;white-space:nowrap}.ticker div{width:max-content;animation:marquee 35s linear infinite}.section{padding:110px 7%}.intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 2.2fr;gap:30px}.intro .label{padding-top:15px}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(35px,4.3vw,66px);line-height:1.17;letter-spacing:-2.5px;font-weight:500;margin:0}h2 span{color:#81857a}.intro-bottom{display:flex;gap:60px;margin-top:40px;align-items:center}.mini-star{font-size:80px;color:var(--orange)}.intro-bottom p{max-width:475px;font-size:16px;line-height:1.8;color:#5e625a}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading .label{margin-bottom:20px}.section-heading p{font-size:13px;line-height:1.8;color:#c5c7bf}.section-heading p span{color:#81867a;font-size:11px}.filters{display:flex;gap:8px;margin:40px 0 30px;flex-wrap:wrap}.filters button{border:1px solid #45483f;color:#b5b9ae;background:transparent;border-radius:25px;padding:10px 20px;font-size:12px}.filters button.active,.filters button:hover{background:var(--paper);color:var(--ink)}.filters sup{margin-left:10px;font-size:9px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project{border:0;background:none;text-align:left;padding:0;color:inherit;min-width:0}.project[hidden]{display:none}.art{height:430px;position:relative;overflow:hidden;transition:filter .3s}.project:hover .art{filter:brightness(1.08)}.concept{position:absolute;left:25px;top:25px;font-size:9px;letter-spacing:1.5px;z-index:3}.forma{background:#c6a3aa;color:#593842}.forma-mark{position:absolute;left:12%;top:20%;font-family:Georgia,serif;font-size:150px;letter-spacing:-10px;line-height:.9;z-index:2}.forma-mark span{font-size:100px;letter-spacing:-7px}.forma-mark small{display:block;font:8px Arial;letter-spacing:2px;margin:20px 0}.shape{position:absolute;background:#79505b;width:230px;height:180px;border-radius:100px 100px 0 0;bottom:-30px;right:8%;transform:rotate(-28deg);box-shadow:12px 15px 20px #1e2a1e22}.s2{right:-8%;bottom:-40px;background:#e8d6d8;transform:rotate(24deg);height:230px}.ae{background:#aabfce;color:#302c26;display:grid;place-items:center}.browser-mock{width:78%;height:75%;background:#f3efe7;position:relative;box-shadow:20px 25px 40px #77502b55;transform:rotate(-5deg);padding:22px}.mock-nav{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.mock-nav span{font-size:6px}.ae-type{font:55px/.95 Georgia;margin-top:35px;position:relative;z-index:2}.arch{position:absolute;right:20px;top:70px;width:42%;height:65%;border-radius:100px 100px 0 0;background:linear-gradient(115deg,#8c6442,#d4b99c 45%,#74604d 46%,#947c62 60%,#d5bd9d);box-shadow:inset 15px 0 15px #4b362644}.mock-bottom{position:absolute;bottom:20px;font-size:6px;display:flex;justify-content:space-between;left:22px;right:22px}.caption{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #3d4137}.caption h3{font-size:19px;font-weight:500;margin:0}.caption span{font-size:11px;color:#969d8e}.editions{background:#b9cbd8;color:#211e1b}.ed-circle{position:absolute;width:350px;height:350px;border-radius:50%;border:75px solid #744654;top:40px;right:-60px}.edition-type{position:absolute;font:800 clamp(55px,6vw,95px)/.95 Manrope;letter-spacing:-5px;left:8%;top:23%;color:#f1e9e7}.edition-type i{font-style:normal;color:#f1e9e7}.editions>small{position:absolute;bottom:25px;left:25px;font-size:8px;letter-spacing:2px}.mora{background:#b7cad6;color:#383442;perspective:600px}.pack{position:absolute;height:240px;width:150px;background:#e8e5d7;box-shadow:15px 20px 25px #29213e33;top:75px;left:20%;font:60px Georgia;padding:25px 12px;letter-spacing:-5px;text-align:center;transform:rotate(-12deg)}.pack small{font:7px/1.7 Arial;letter-spacing:1.3px;display:block;margin-top:55px}.pack2{background:#4c493d;color:#e8e5d7;left:48%;top:100px;transform:rotate(12deg)}.mora-word{position:absolute;bottom:22px;right:20px;font:italic 18px Georgia}.services{background:#e5eaf0;color:var(--ink);display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.services .label{margin-bottom:30px}.services>div>p{font-size:14px;line-height:1.8;color:#686c61;margin-top:30px}details{border-top:1px solid #b7baad;padding:23px 0}details:last-child{border-bottom:1px solid #b7baad}summary{list-style:none;display:flex;align-items:center;font-size:21px;cursor:pointer;gap:22px}summary::-webkit-details-marker{display:none}summary span{font-size:10px;color:#7b8172}summary b{font-weight:400;margin-left:auto;font-size:25px}details[open] summary b{transform:rotate(45deg)}details p{padding-left:36px;color:#656c5c;font-size:14px;line-height:1.8;max-width:440px}.process{padding-top:75px;padding-bottom:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps article{border-top:1px solid #444a3b;padding-top:25px}.steps span{color:var(--orange);font-size:10px;letter-spacing:1px}.steps h3{font-size:25px;font-weight:400;margin:22px 0 12px}.steps p{color:#969d8e;font-size:14px;line-height:1.7}.end{background:var(--orange);color:var(--ink);padding-top:75px;padding-bottom:70px}.big-cta{font:500 clamp(65px,11.5vw,170px)/1.3 Manrope;letter-spacing:-.07em;display:flex;justify-content:space-between;border-bottom:1px solid #22222255;padding:15px 0 30px}.big-cta span{transition:transform .3s}.big-cta:hover span{transform:translate(10px,-10px)}.end-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.end p{font-size:14px;line-height:1.7}.brief-button{border:1px solid #2228;border-radius:30px;padding:16px 25px;background:transparent;color:var(--ink)}footer{padding:40px 7%;display:flex;justify-content:space-between;align-items:center}footer .logo{font-size:38px}footer>span,footer>a:last-child{font-size:11px;color:#a0a596}dialog{background:#f0e9e8;color:var(--ink);border:0;border-radius:2px;max-width:650px;width:90%;padding:50px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:18px;top:10px;font-size:30px;border:0;background:none}.modal-title{font:500 36px Manrope;letter-spacing:-1px}.modal-text{line-height:1.7;color:#626859}.brief-form{display:grid;gap:15px}.brief-form label{display:grid;gap:6px;font-size:12px}.brief-form input,.brief-form textarea,.brief-form select{padding:12px;background:transparent;border:1px solid #a3a896;border-radius:0;width:100%;font:inherit}.brief-form button{padding:15px;background:var(--ink);color:#eee;border:0}.note{font-size:11px;color:#747a6a;line-height:1.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-33.333%)}}@media(min-width:1500px){.art{height:510px}}@media(max-width:900px){header{height:90px}nav{gap:20px}.hero{height:auto;min-height:650px;padding-top:60px}.asterisk{font-size:170px;right:0;top:10px}h1{font-size:13vw}.vertical-note{display:none}.intro{grid-template-columns:1fr;gap:35px}.services{gap:30px;grid-template-columns:1fr 1.3fr}.art{height:330px}.forma-mark{font-size:100px}.forma-mark span{font-size:65px}.pack{width:110px;height:200px;font-size:45px}.pack small{margin-top:35px}.ae-type{font-size:40px}.caption{align-items:start;gap:10px}.caption span{max-width:130px;text-align:right}.steps{gap:25px}}
@media(max-width:600px){header{height:86px;padding:0 6%}.logo{font-size:40px}header .contact{display:none}#menu{display:block;background:none;border:0;color:var(--paper);font-size:24px}nav{display:none;position:absolute;top:86px;left:0;right:0;z-index:8;background:#46343d;padding:30px;flex-direction:column}nav.open{display:flex}.hero{min-height:640px;padding:60px 6% 35px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-no{display:none}h1{font-size:20vw;margin-top:85px;line-height:1.05;letter-spacing:-5px}.asterisk{font-size:90px;top:-70px;right:0}.hero-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:35px}.hero-bottom p{font-size:13px}.round-link{align-self:flex-end}.round-link b{height:48px;width:48px}.ticker{font-size:16px;padding:14px 0}.section{padding:65px 6%}h2{font-size:36px;letter-spacing:-1.5px}.intro-bottom{gap:25px;margin-top:20px}.mini-star{font-size:55px}.intro-bottom p{font-size:14px}.section-heading{display:block}.section-heading p{margin-top:20px}.filters{gap:7px;margin-top:25px}.filters button{font-size:10px;padding:9px 13px}.projects{grid-template-columns:1fr;gap:30px}.art{height:370px}.forma-mark{font-size:135px}.forma-mark span{font-size:85px}.caption span{max-width:none}.services{grid-template-columns:1fr;gap:35px}summary{font-size:18px}.steps{grid-template-columns:1fr;gap:20px}.steps article{padding-top:20px}.steps h3{margin:15px 0 10px}.steps p{margin-bottom:0}.big-cta{font-size:17vw;letter-spacing:-4px;margin-top:15px}.end .label{font-size:8px;letter-spacing:1px}.end-bottom{align-items:start;gap:20px;flex-direction:column}.brief-button{font-size:12px}.end p{font-size:13px}footer{padding:35px 6%;gap:20px;flex-wrap:wrap}footer .logo{font-size:34px}footer>span{font-size:10px}dialog{padding:40px 25px}.modal-title{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Pastel burgundy / blue identity and category pages */
.hero{background:radial-gradient(ellipse at 85% 35%,#82546355,transparent 55%)}.hero-bottom p,.services>div>p{color:#b6aeb5}.services>div>p{color:#6d6874}.ticker{background:#a9bdce}.end{background:#c7a0aa}.end .big-cta{color:#50323e}.mini-star{color:#986472}.intro h2 span{color:#9c7683}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px;margin-top:50px}.category-card:last-child{grid-column:1/-1}.category-card:last-child .art{height:400px}.forma-mark{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:115px;letter-spacing:-9px}.social{background:#c9a8b0;color:#52343e}.social-post{position:absolute;width:43%;height:76%;top:13%;left:10%;padding:24px;background:#f0e7e6;box-shadow:12px 20px 30px #56343d33;transform:rotate(-7deg)}.social-post small{font-size:7px;letter-spacing:1px}.social-post strong{display:block;font:800 48px/.95 Manrope;letter-spacing:-2px;margin-top:40px}.social-post strong i{color:#a87583;font-style:normal}.social-post>span:last-child{font-size:7px;position:absolute;bottom:20px}.post-two{left:49%;top:19%;background:#9fb9cc;transform:rotate(8deg);color:#3e5364}.post-two strong{font-size:35px;margin-top:100px}.social-star{font-size:100px;position:absolute;top:10px;line-height:1}.film{background:#a6bac9;padding:30px;color:#eadfe0}.film-top,.film-bottom{font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;color:#4c5260}.film-top{margin-top:20px}.film-frame{height:73%;margin-top:20px;background:linear-gradient(115deg,#563541,#a17886);position:relative;overflow:hidden;padding:35px;display:flex;align-items:center}.film-frame strong{font:500 52px/1.05 Manrope;letter-spacing:-2px;position:relative}.film-frame strong i{font-style:normal;color:#c5d5e0}.film-orb{position:absolute;width:230px;height:230px;right:-15px;top:-20px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#dce7ee,#9db8ca 45%,#517189);box-shadow:0 30px 40px #35232e55}.film-bottom{margin-top:17px}.photo{background:#d7c1c7;color:#5b3843;display:grid;place-items:center}.photo-mat{width:75%;height:75%;background:linear-gradient(120deg,#dfd9d5,#b6bdc6);position:relative;overflow:hidden}.photo-object{width:125px;height:210px;position:absolute;left:calc(50% - 62px);top:50px;border-radius:50px 50px 25px 25px;background:linear-gradient(95deg,#6f3f4e,#b78c98 48%,#794c5d);box-shadow:45px 25px 25px #52374944;transform:rotate(-12deg);z-index:1}.photo-object:before{content:'';position:absolute;top:-8px;left:25px;width:75px;height:18px;border-radius:50%;background:#5b3542;box-shadow:inset 0 5px 4px #35202b}.photo-label{position:absolute;bottom:25px;right:25px;font-size:9px;letter-spacing:2px}.references{background:#e9e2e5;color:#513840}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bda6af;border-left:1px solid #bda6af;margin-top:45px}.reference-slot{height:135px;border-right:1px solid #bda6af;border-bottom:1px solid #bda6af;display:grid;place-content:center;position:relative;color:#9b828e}.reference-slot>span{letter-spacing:3px;font-size:11px}.reference-slot small{position:absolute;bottom:12px;right:15px;font-size:9px}.reference-note{font-size:11px;color:#947a85;margin-top:20px}.references .section-heading p{color:#8e727f}.category-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;padding:65px 6% 100px;max-width:1600px;margin:auto}.category-aside{position:sticky;top:35px;align-self:start}.back-link{display:inline-block;font-size:12px;color:#c7adb7;padding-bottom:30px}.category-aside>.label{font-size:9px;padding:30px 0 20px;border-top:1px solid #ffffff26;color:#ad969f}.vertical-menu{display:flex;flex-direction:column}.vertical-menu a{display:flex;align-items:center;gap:12px;padding:19px 12px;border-bottom:1px solid #ffffff22;font-size:14px;color:#bfaeb6;transition:.2s}.vertical-menu a small{font-size:9px;color:#987c88}.vertical-menu a span{margin-left:auto}.vertical-menu a.selected{background:#a9bdce;color:#382a31}.vertical-menu a:hover{color:#f2e9ed;background:#714b5b}.category-content{min-width:0}.category-content>h1{font-size:clamp(55px,6.5vw,105px);letter-spacing:-.07em;margin:20px 0 35px;line-height:1.1}.category-content>h1 span{color:#a9bdce}.category-content>h2{font-size:30px;letter-spacing:-1px;max-width:600px}.category-desc{max-width:550px;line-height:1.8;color:#bdaab3;font-size:15px;margin:22px 0}.scope{font-size:10px;color:#a9bdce;letter-spacing:.5px;margin:30px 0}.category-showcase{height:520px;margin-top:40px}.category-showcase .social-post{width:34%;left:17%;max-width:270px}.category-showcase .post-two{left:48%}.category-showcase .social-post strong{font-size:60px}.category-showcase .post-two strong{font-size:45px}.category-showcase .film-frame strong{font-size:75px}.category-showcase .film-orb{width:320px;height:320px}.category-showcase .photo-object{height:280px;width:170px;left:calc(50% - 85px)}.category-showcase .photo-object:before{width:110px;left:30px}.category-showcase .forma-mark{font-size:170px}.showcase-note{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff26;padding:22px 0 35px}.showcase-note>span{font-size:9px;letter-spacing:1px}.showcase-note p{font-size:11px;max-width:320px;line-height:1.7;color:#a48d98;margin:0}.category-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:40px 0}.category-next small{font-size:9px;color:#b39aa6;letter-spacing:1px}.category-next>span{font-size:24px}.category-contact{display:inline-block;color:#b6cad9;border-color:#8295a7}.category-layout+footer{border-top:1px solid #ffffff22}
@media(max-width:1000px){.category-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.category-showcase{height:400px}.category-showcase .forma-mark{font-size:110px}.category-showcase .social-post strong{font-size:42px}.category-showcase .post-two strong{font-size:32px}.category-showcase .film-frame strong{font-size:50px}.category-showcase .film-orb{width:230px;height:230px}.social-post strong{font-size:36px}.post-two strong{font-size:29px}}@media(max-width:700px){.category-layout{grid-template-columns:1fr;padding:30px 6% 65px;gap:35px}.category-aside{position:static}.back-link{padding-bottom:20px}.category-aside>.label{padding:18px 0 10px}.vertical-menu{display:grid;grid-template-columns:1fr 1fr;gap:3px}.vertical-menu a{font-size:11px;padding:13px 9px;gap:7px}.vertical-menu a:last-child{grid-column:1/-1}.category-content>h1{font-size:16vw;letter-spacing:-3px;margin:15px 0 25px}.category-content>h2{font-size:27px}.category-showcase{height:360px}.category-showcase .forma-mark{font-size:100px}.category-showcase .social-post{padding:18px;width:40%;left:9%}.category-showcase .post-two{left:48%}.category-showcase .social-post strong{font-size:37px}.category-showcase .post-two strong{font-size:29px}.category-showcase .film-frame{padding:22px}.category-showcase .film-frame strong{font-size:39px}.category-showcase .photo-object{height:220px;top:25px;width:140px;left:calc(50% - 70px)}.category-showcase .photo-object:before{width:90px;left:25px}.showcase-note{display:block}.showcase-note p{margin-top:14px}.category-next>span{font-size:18px}.reference-grid{grid-template-columns:repeat(2,1fr)}.reference-slot{height:100px}.reference-slot>span{font-size:9px;letter-spacing:2px}}@media(max-width:600px){.category-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.category-card:last-child{grid-column:auto}.category-card:last-child .art{height:370px}}
