/* Self-contained open-source typefaces, embedded for offline use. */ :root{--blue:#214df3;--paper:#f4f3ee;--ink:#141413;--muted:#666661;--line:#cecec6;--white:#fff;--gutter:clamp(22px,4.15vw,80px);--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue)}button{cursor:pointer}svg{display:block;max-width:100%}::selection{background:var(--blue);color:#fff}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--blue);color:#fff;padding:12px 20px}.skip:focus{top:20px}.shell{padding-inline:var(--gutter)}.eyebrow{font:500 11px/1.3 var(--body);letter-spacing:.13em;text-transform:uppercase}.section-kicker{display:flex;align-items:center;gap:15px}.section-kicker:before{content:'';width:7px;height:7px;background:currentColor}.arrow{display:inline-block;transition:transform .2s ease}.link:hover .arrow,.nav-contact:hover .arrow{transform:translate(3px,-3px)} .masthead{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff35;background:var(--blue);color:var(--paper)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-symbol{width:35px;height:35px;color:var(--paper)}.brand-name{font:700 15px/.98 var(--display);letter-spacing:-.6px}.brand-name span{display:block}.nav{display:flex;align-items:center;gap:36px;font-size:12px}.nav a{text-decoration:none}.nav a:not(.nav-contact){position:relative}.nav a:not(.nav-contact):after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--paper);transition:width .2s}.nav a:not(.nav-contact):hover:after{width:100%}.nav-contact{color:var(--paper);padding:10px 0 10px 26px;border-left:1px solid #ffffff55;display:flex;gap:28px;align-items:center}.masthead a:focus-visible{outline-color:var(--paper)} .hero.poster-hero{position:relative;overflow:hidden;background:var(--blue);color:var(--paper);padding-bottom:0}.poster-topline{display:flex;align-items:center;justify-content:space-between;padding-top:23px;padding-bottom:22px;color:#e2e8ff}.poster-topline .section-kicker:before{width:5px;height:5px}.poster-stage{position:relative;isolation:isolate}.hero.poster-hero h1{font:500 clamp(130px,22.8vw,380px)/.83 var(--display);letter-spacing:-.085em;margin:0;padding:0;position:relative;z-index:1}.hero.poster-hero h1 .poster-row{display:flex;justify-content:space-between;align-items:baseline;position:relative}.hero.poster-hero h1 .poster-row:first-child{padding-right:.02em}.hero.poster-hero h1 .poster-row:last-child{justify-content:flex-end;margin-top:-.025em;margin-right:.015em}.poster-it{position:relative;padding-right:.03em}.poster-it:after{content:'';position:absolute;inset:14% -1.5% 1% -4%;border:1px solid #ffffff35;z-index:-1;transform:rotate(6deg)}.poster-work{position:relative}.poster-object{position:absolute;width:29%;left:.2%;bottom:4%;z-index:2}.poster-object svg{width:100%;overflow:visible}.poster-object figcaption{font-size:8px;letter-spacing:.12em;line-height:1.5;margin-top:7px;color:#d9e2ff;text-transform:uppercase}.poster-object{margin:0}.poster-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:32px;padding-bottom:31px}.poster-description{font:400 18px/1.45 var(--body);letter-spacing:-.3px;max-width:445px;margin:0}.poster-link{display:flex;align-items:center;gap:32px;text-decoration:none;font:500 15px/1.3 var(--body);flex-shrink:0}.poster-link .link-round{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffffa0;border-radius:50%;font:400 27px/1 var(--display);transition:background .2s,color .2s,transform .2s}.poster-link:hover .link-round{background:var(--paper);color:var(--blue);transform:rotate(45deg)}.poster-hero a:focus-visible{outline-color:var(--paper)}.poster-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff45;padding-block:20px;font-size:10px;color:#e2e8ff}.poster-foot a{display:flex;gap:25px;color:var(--paper);text-decoration:none}.poster-foot a:hover{text-decoration:underline;text-underline-offset:5px}.poster-art-point{animation:poster-point 4s ease-in-out infinite}.poster-art-window{transform-origin:95px 88px;animation:poster-window 8s ease-in-out infinite}.poster-hero:hover .poster-art-window{animation-play-state:paused}.link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;padding:0 0 9px}@keyframes poster-point{0%,100%{opacity:.25}50%{opacity:1}}@keyframes poster-window{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} .intro{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:100px;padding-bottom:105px;border-bottom:1px solid var(--line)}.intro .eyebrow{margin-top:10px}.intro-content h2{font:500 clamp(32px,3.5vw,54px)/1.12 var(--display);letter-spacing:-.055em;margin:0 0 28px;max-width:900px}.intro-content h2 span{color:var(--blue)}.intro-content p{font-size:16px;max-width:580px;margin:0;color:#565652} .services{padding-top:80px;padding-bottom:88px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-title-row h2{font:500 clamp(42px,4.7vw,70px)/1 var(--display);letter-spacing:-.065em;margin:18px 0 0}.section-title-row>p{font-size:13px;color:var(--muted);max-width:230px;margin:0 0 5px}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}.service-tabs{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.service-tab{width:100%;display:grid;grid-template-columns:35px 1fr 26px;align-items:start;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:26px 0;color:var(--muted);transition:color .2s}.service-tab .num{font-size:11px;padding-top:7px}.service-tab .service-name{font:500 29px/1.13 var(--display);letter-spacing:-1.3px}.service-tab .tab-arrow{font:400 25px/1 var(--display);justify-self:end;padding-top:3px;transition:transform .2s}.service-tab .tab-desc{font-size:13px;line-height:1.5;max-width:350px;margin-top:13px;display:none;letter-spacing:0;font-family:var(--body);font-weight:400}.service-tab[aria-selected=true]{color:var(--blue)}.service-tab[aria-selected=true] .tab-desc{display:block;color:var(--ink)}.service-tab[aria-selected=true] .tab-arrow{transform:rotate(45deg)}.service-tab:hover{color:var(--blue)}.service-tab:focus-visible{outline-offset:3px}.service-invitation{font-size:12px;color:var(--muted);margin:25px 0 0}.service-display{position:relative;min-width:0}.service-panel{height:100%;display:flex;flex-direction:column}.service-panel[hidden]{display:none}.service-image{background:#e9e9e2;min-height:340px;flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:15px}.service-image svg{width:100%;height:100%;max-height:390px}.service-image:after{content:'ILLUSTRATIVE CONCEPT';position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.1px;color:#656760}.service-caption{display:flex;justify-content:space-between;gap:22px;padding-top:20px;font-size:12px}.service-caption strong{font-weight:500}.service-caption span{font-size:10px;color:var(--muted);text-align:right;max-width:200px}.flow-dot{animation:flow-dot 4s linear infinite}.pulse-bar{transform-origin:center;animation:pulse 2.8s ease-in-out infinite}.pulse-bar:nth-child(2n){animation-delay:-1s}.pulse-bar:nth-child(3n){animation-delay:-2s} .possibilities{background:var(--blue);color:var(--paper);padding-top:77px;padding-bottom:87px}.possibilities .section-title-row{align-items:start;margin-bottom:45px}.possibilities .section-title-row h2{max-width:750px;font-size:clamp(46px,5.55vw,80px);letter-spacing:-.065em}.possibilities .section-title-row>p{color:#d5ddff;max-width:225px;padding-top:30px}.possibility-list{border-top:1px solid #ffffff55}.possibility{display:grid;grid-template-columns:62px .85fr 1fr 60px;align-items:center;gap:28px;padding:30px 0;border-bottom:1px solid #ffffff55}.possibility .number{font-size:11px;align-self:start;padding-top:6px}.possibility h3{font:500 27px/1.1 var(--display);letter-spacing:-1px;margin:0;max-width:260px}.possibility p{font-size:14px;line-height:1.55;color:#e0e6ff;margin:0;max-width:430px}.possibility .mini-art{width:48px;height:48px;justify-self:end}.possibility-note{font-size:10px;color:#d3dcff;margin:26px 0 0;letter-spacing:.02em}.possibilities a:focus-visible{outline-color:#fff} .approach{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(50px,9vw,145px);padding-block:102px 109px;border-bottom:1px solid var(--line)}.approach-lead h2{font:500 clamp(42px,4.7vw,67px)/1.04 var(--display);letter-spacing:-.064em;margin:25px 0 25px;max-width:420px}.approach-lead>p{max-width:350px;font-size:15px;color:var(--muted)}.small-mark{width:81px;height:81px;color:var(--blue);margin-top:55px}.steps{border-top:1px solid var(--ink);margin-top:3px}.step{display:grid;grid-template-columns:35px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.step>span{font-size:11px;padding-top:5px;color:var(--blue)}.step h3{font:500 26px/1.2 var(--display);letter-spacing:-.8px;margin:0 0 11px}.step p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:410px}.principle{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:30px}.principle p{font:500 17px/1.4 var(--display);margin:0;letter-spacing:-.3px}.principle .eyebrow{font-size:9px;color:var(--muted);white-space:nowrap} .contact{background:var(--ink);color:var(--paper);padding-top:71px;padding-bottom:49px;position:relative;overflow:hidden}.contact-top{display:flex;justify-content:space-between;gap:25px}.contact-top>p{font-size:12px;color:#a5a59e;max-width:230px;margin:0}.contact h2{font:500 clamp(74px,10.7vw,160px)/.91 var(--display);letter-spacing:-.075em;margin:58px 0 43px}.contact h2 .contact-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact h2 svg{width:.73em;height:.73em;fill:none;stroke:var(--blue);stroke-width:5;flex-shrink:0;margin-right:7px}.contact-bar{border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:28px}.email-link{font:400 clamp(21px,2.55vw,38px)/1.3 var(--display);letter-spacing:-1px;text-decoration:none}.email-link:hover{color:#9db2ff}.email-link:focus-visible,.contact a:focus-visible{outline-color:#9bb0ff}.contact-bar p{font-size:12px;line-height:1.6;color:#b0b0a8;max-width:280px;margin:0}.contact-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:43px;font-size:10px;color:#a5a59e}.contact-footer .footer-name{font:500 13px/1.2 var(--display);color:var(--paper);letter-spacing:-.3px}.contact-footer a{text-decoration:none}.contact-footer a:hover{color:#fff}.contact-meta{display:flex;gap:35px;align-items:center}.preview-label{display:inline-block;letter-spacing:.08em;font-size:8px;text-transform:uppercase} @keyframes rotate-orbit{to{transform:rotate(360deg)}}@keyframes flow-dot{0%{transform:translateX(0);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateX(108px);opacity:0}}@keyframes pulse{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1.1)}} @media(min-width:1650px){.hero-stage{min-height:720px}.hero h1{font-size:190px}} @media(max-width:1150px){.hero-stage{min-height:560px}.hero h1{font-size:11vw}.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-description{max-width:350px;font-size:16px}.hero-action{flex-direction:row;align-items:center;gap:30px}.hero-action small{max-width:90px}.hero-art{margin-left:30px}.service-layout{gap:34px}.service-tab .service-name{font-size:25px}.intro{gap:40px}.possibility{grid-template-columns:30px .85fr 1fr 45px;gap:22px}} @media(max-width:760px){.masthead{height:82px}.nav{gap:24px}.nav .desktop-nav{display:none}.nav-contact{font-size:12px;padding:11px 14px;gap:22px}.logo-symbol{width:35px;height:35px}.brand-name{font-size:16px}.hero-topline{padding-top:25px;padding-bottom:29px;font-size:9px}.hero-topline>span:last-child{display:none}.hero-stage{grid-template-columns:1fr;min-height:0}.hero-copy{padding-bottom:32px}.hero h1{font-size:20.4vw;line-height:.9;letter-spacing:-.075em}.hero h1>span{display:inline}.hero h1>span:first-child{display:block}.hero h1 .blue-word{display:block}.hero-bottom{grid-template-columns:1fr;gap:23px;margin-top:28px}.hero-description{font-size:16px;max-width:320px}.hero-action{justify-content:space-between;gap:20px;width:100%}.hero-action small{max-width:100px;text-align:right;font-size:10px}.hero-art{height:400px;min-height:0;margin-left:0}.monogram-large{height:89%;width:auto;max-width:80%}.hero-art .construction{height:100%}.hero-foot{padding-block:22px;gap:20px;font-size:9px}.hero-foot>span{max-width:200px}.hero-foot a{gap:12px;white-space:nowrap}.intro{grid-template-columns:1fr;gap:27px;padding-block:61px 64px}.intro .eyebrow{margin:0}.intro-content h2{font-size:34px;letter-spacing:-1.8px;margin-bottom:21px}.intro-content p{font-size:14px}.services{padding-block:58px 62px}.section-title-row{display:block;margin-bottom:31px}.section-title-row h2{font-size:44px}.section-title-row>p{font-size:12px;max-width:270px;margin:22px 0 0}.service-layout{grid-template-columns:1fr;gap:27px}.service-tab{padding:22px 0;grid-template-columns:30px 1fr 25px}.service-tab .service-name{font-size:25px;letter-spacing:-.8px}.service-tab .tab-desc{font-size:13px;margin-top:11px;max-width:300px}.service-invitation{font-size:11px;margin-top:18px}.service-image{min-height:280px;height:280px;padding:7px}.service-image svg{max-height:270px}.service-caption{font-size:11px;gap:13px}.service-caption span{font-size:9px;max-width:150px}.possibilities{padding-block:58px}.possibilities .section-title-row h2{font-size:46px;line-height:1.02}.possibilities .section-title-row>p{padding:0;max-width:280px;margin-top:24px;font-size:13px}.possibility{grid-template-columns:24px 1fr 36px;gap:13px;padding:28px 0}.possibility h3{font-size:25px;max-width:230px}.possibility p{grid-column:2/4;font-size:13px;max-width:300px;margin-top:0}.possibility .mini-art{grid-column:3;grid-row:1;width:36px;height:36px;align-self:start;margin-top:2px}.possibility-note{font-size:9px;max-width:310px}.approach{grid-template-columns:1fr;gap:38px;padding-block:65px}.approach-lead h2{font-size:48px;margin:24px 0 20px;max-width:340px}.approach-lead>p{font-size:14px;max-width:320px}.small-mark{display:none}.step{gap:11px;padding-block:25px;grid-template-columns:27px 1fr}.step h3{font-size:25px}.step p{font-size:13px}.principle{display:block;padding-block:25px}.principle p{font-size:16px;max-width:300px}.principle .eyebrow{display:block;margin-top:12px;font-size:8px}.contact{padding-top:52px;padding-bottom:30px}.contact-top{display:block}.contact-top>p{max-width:265px;margin-top:21px;font-size:12px}.contact h2{font-size:13.4vw;line-height:.99;margin:37px 0 34px;letter-spacing:-.066em}.contact h2 .contact-line{gap:5px}.contact h2 svg{width:.55em;height:.55em;margin:0}.contact-bar{display:block;padding-block:24px}.email-link{font-size:26px;letter-spacing:-.9px}.contact-bar p{font-size:11px;max-width:290px;margin-top:19px}.contact-footer{display:grid;grid-template-columns:1fr auto;row-gap:25px;font-size:9px;margin-top:31px}.contact-meta{display:contents}.contact-meta .preview-label{grid-column:1;grid-row:2;font-size:7px}.contact-meta a{grid-column:2;grid-row:1}.contact-footer>span:nth-child(2){grid-column:1;grid-row:2}} @media(max-width:370px){.hero-action{gap:12px}.hero h1{font-size:20vw}.service-tab .service-name{font-size:22px}.hero-art{height:350px}.email-link{font-size:23px}.contact-footer .preview-label{max-width:200px}.hero-description{font-size:15px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}} /* Poster hero: distinct typography and composition at every size. */ @media(min-width:1650px){.hero.poster-hero h1{font-size:min(22.8vw,440px)}} @media(max-width:1150px){.poster-object{width:28%;bottom:3%}.poster-description{font-size:16px;max-width:400px}.poster-bottom{padding-block:29px}.poster-link{gap:20px;font-size:13px}.poster-link .link-round{width:48px;height:48px}.poster-foot{font-size:9px}.poster-object figcaption{font-size:7px;letter-spacing:.07em}} @media(max-width:760px){.masthead{height:77px}.masthead .brand-name{font-size:14px}.masthead .logo-symbol{width:32px;height:32px}.masthead .nav-contact{padding:8px 0 8px 17px;font-size:11px;gap:18px}.poster-topline{padding-top:24px;padding-bottom:29px;font-size:8px;letter-spacing:.09em}.poster-topline>span:last-child{display:none}.hero.poster-hero h1{font-size:25vw;line-height:.91;letter-spacing:-.085em;padding:0}.hero.poster-hero h1 .poster-row:first-child{padding-right:.04em}.hero.poster-hero h1 .poster-row:last-child{font-size:1.24em;margin-top:8px;line-height:.9;margin-right:.035em}.hero.poster-hero h1 .poster-row>span{display:inline}.poster-object{position:relative;left:0;bottom:auto;width:70%;max-width:300px;margin-top:22px;margin-bottom:0}.poster-object svg{height:auto}.poster-object figcaption{font-size:7px;letter-spacing:.08em;margin-top:0}.poster-stage:after{content:'A LITTLE LESS\A COMPLICATED.';white-space:pre;position:absolute;bottom:30px;right:0;font:500 7px/1.6 var(--body);letter-spacing:.08em;writing-mode:vertical-rl}.poster-bottom{display:block;padding-top:27px;padding-bottom:26px}.poster-description{font-size:15px;line-height:1.5;max-width:330px;letter-spacing:-.2px}.poster-description br{display:none}.poster-link{justify-content:space-between;gap:24px;font-size:13px;margin-top:25px}.poster-link .link-round{width:43px;height:43px;font-size:22px}.poster-foot{font-size:8px;padding-block:20px;line-height:1.5;align-items:start}.poster-foot>span{max-width:198px}.poster-foot a{gap:10px;max-width:100px}.poster-it:after{inset:17% -1.5% 1% -4%}} @media(max-width:370px){.poster-description{font-size:14px}.poster-foot>span{max-width:178px}.poster-foot a{max-width:90px}.poster-object{width:73%}} @media(prefers-reduced-motion:reduce){.poster-art-window,.poster-art-point{animation:none!important}.poster-link .link-round{transition:none!important}} /* Embedded typeface license notices DM Sans Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. Space Grotesk Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */ :root{--orange:#f65a2a;--cream:#f4f2e9;--blue:#214df3;--line:#cccdc0;--ink:#24251f;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px clamp(22px,4.15vw,80px);min-height:86px;border-bottom:1px solid #24251f35}.site-header.on-blue{background:#214df3;color:#f4f2e9;border-color:#ffffff30}.site-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:-.5px;line-height:.98;flex-shrink:0}.site-brand svg{width:38px;height:38px}.site-brand span{display:block}.site-nav{display:flex;align-items:center;gap:34px;font-size:12px}.site-nav a{color:inherit;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]{position:relative}.site-nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--orange)}.site-header.on-blue a[aria-current=page]:after{background:#f4f2e9}.site-nav .site-contact{display:flex;align-items:center;gap:30px;border-left:1px solid #24251f40;padding:12px 0 12px 25px}.site-header.on-blue .site-contact{border-color:#ffffff35}.site-contact span{font-size:20px}.on-blue a:focus-visible{outline-color:white}.site-footer{padding:30px clamp(22px,4.15vw,80px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #24251f30;gap:30px;background:var(--cream);color:var(--ink);font-size:11px}.site-footer .foot-links{display:flex;gap:25px;align-items:center}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer small{font-size:10px;color:#696b60}.site-footer .site-brand{font-size:12px}.site-footer .site-brand svg{width:32px;height:32px}.example-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;color:inherit;font-size:12px;font-weight:600}.example-cta:hover{color:var(--orange)}@media(max-width:700px){.site-header{min-height:78px;padding-block:19px;gap:16px}.site-brand{font-size:11px;gap:7px}.site-brand svg{width:31px;height:31px}.site-nav{gap:19px;font-size:11px}.site-nav .desktop-link{display:none}.site-nav .site-contact{gap:10px;padding:6px 0 6px 15px}.site-contact span{font-size:18px}.site-footer{align-items:flex-start;flex-wrap:wrap;gap:23px}.site-footer .foot-links{gap:19px;font-size:10px}.site-footer small{display:block;width:100%;font-size:9px}}@media(max-width:370px){.site-nav{gap:12px;font-size:10px}.site-nav .site-contact{padding-left:11px}.site-brand svg{width:26px}.site-brand{font-size:10px}} /* The studio opens the door to the workshop. */ .home-workshop{padding-block:85px 92px;background:#eeede5;color:#24251f;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.workshop-door{position:relative;background:#f65a2a;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:610px;overflow:hidden;text-decoration:none;color:#24251f}.door-top{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1.3px}.workshop-door h2{font:700 clamp(65px,6.2vw,96px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:45px 0 20px}.door-art{position:absolute;right:-22px;top:39%;width:62%;transform:rotate(-7deg);opacity:.94;transition:transform .3s}.workshop-door:hover .door-art{transform:rotate(-2deg) translateY(-5px)}.door-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px;font-size:13px;line-height:1.6;position:relative;z-index:1;margin-top:175px}.door-bottom p{max-width:200px;margin:0}.door-bottom span{font-size:40px;font-weight:300}.home-workshop-copy .eyebrow{margin-bottom:22px}.home-workshop-copy>h2{font:500 clamp(37px,3.5vw,53px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-2px;margin:0 0 19px}.home-workshop-copy>p{font-size:14px;line-height:1.8;max-width:480px;color:#606155;margin-bottom:30px}.workshop-menu{border-top:1px solid #24251f}.workshop-menu a{display:grid;grid-template-columns:27px 1fr 24px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #c8c9bc;text-decoration:none}.workshop-menu a>span:first-child{font-size:10px;color:#78796d}.workshop-menu strong{display:block;font-weight:500;font-size:18px;letter-spacing:-.6px;transition:color .2s}.workshop-menu small{display:block;font-size:11px;color:#767768;margin-top:3px}.workshop-menu a>span:last-child{font-size:20px}.workshop-menu a:hover strong{color:#c6471f}.home-cta-pair{display:flex;align-items:center;gap:30px}.home-cta-pair .poster-link{white-space:nowrap}.home-cta-pair .hero-secondary{font-size:12px;color:#e0e6ff;text-decoration:none;border-bottom:1px solid #ffffff60;padding-bottom:5px}.home-sample-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:64px;border-bottom:1px solid var(--line)}.home-sample-links a{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;padding:8px 25px 8px 0;border-right:1px solid #cacbc0}.home-sample-links a:last-child{border-right:0;padding-right:0}.home-sample-links .sample-type{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#77786d}.home-sample-links h3{font:500 29px/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px;margin:21px 0 15px}.home-sample-links p{font-size:13px;line-height:1.75;color:#63645b;margin:0 0 22px;max-width:310px}.home-sample-links .sample-link{font-size:12px;padding-bottom:6px;border-bottom:1px solid;margin-top:auto}.home-sample-links a:hover .sample-link{color:#214df3}.contact.enquiry{padding-top:45px;padding-bottom:65px;background:#214df3;color:#f4f2e9}.enquiry .contact-top{margin-bottom:40px}.enquiry>h2{font:500 clamp(64px,8.7vw,130px)/.94 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:0 0 46px}.enquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.enquiry-copy>p{font-size:16px;line-height:1.75;margin:0 0 25px;max-width:340px;color:#e2e7ff}.selected-example{font-size:12px;line-height:1.6;border-left:2px solid #f65a2a;padding:13px 18px;background:#123ccd;max-width:360px}.selected-example span{font-size:9px;letter-spacing:1px;display:block;text-transform:uppercase;margin-bottom:8px;color:#cbd5ff}.selected-example b{font-weight:500}.enquiry-field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.enquiry-field label{font-size:11px;color:#d5defe}.enquiry-field input,.enquiry-field select,.enquiry-field textarea{background:#163fd0;border:1px solid #ffffff40;color:#f4f2e9;border-radius:0;padding:12px 14px;width:100%;min-height:46px;font-size:13px;line-height:1.5}.enquiry-field textarea{resize:vertical;min-height:100px}.enquiry-field input::placeholder,.enquiry-field textarea::placeholder{color:#b8c6f7}.enquiry-field select option{background:#f4f2e9;color:#24251f}.enquiry-field input:focus-visible,.enquiry-field select:focus-visible,.enquiry-field textarea:focus-visible{outline-color:#f4f2e9}.enquiry-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.email-draft{display:flex;justify-content:space-between;align-items:center;color:#24251f!important;background:#f4f2e9;text-decoration:none;font-size:13px;font-weight:500;padding:15px 20px;min-height:55px;gap:25px}.email-draft span{font-size:23px}.email-draft:hover{background:#e4e5d5}.email-draft:focus-visible{outline-color:white}.enquiry-note{font-size:10px;margin:12px 0 0;color:#d4deff;line-height:1.6}.enquiry-note a{color:inherit}.enquiry .contact-top p{max-width:260px}@media(max-width:1100px){.home-workshop{gap:40px}.workshop-door{min-height:570px;padding:25px}.workshop-door h2{font-size:7.5vw}.door-art{top:43%;width:65%}.enquiry-layout{gap:55px}.home-cta-pair{gap:22px;flex-wrap:wrap}}@media(max-width:700px){.home-workshop{grid-template-columns:1fr;padding-block:48px;gap:40px}.workshop-door{min-height:455px;padding:25px}.workshop-door h2{font-size:21vw;margin-top:35px}.door-art{top:36%;width:57%;right:-5px}.door-bottom{margin-top:90px}.door-bottom p{max-width:180px;font-size:12px}.home-workshop-copy>h2{font-size:37px;letter-spacing:-1.7px}.home-workshop-copy>p{font-size:13px}.workshop-menu strong{font-size:18px}.home-cta-pair{display:block}.home-cta-pair .hero-secondary{display:inline-block;margin-top:15px;font-size:11px}.home-sample-links{grid-template-columns:1fr;gap:28px;padding-block:40px}.home-sample-links a{border-right:0;border-bottom:1px solid #cccdc0;padding:0 0 27px}.home-sample-links a:last-child{border-bottom:0;padding-bottom:0}.home-sample-links h3{font-size:30px;margin:15px 0}.home-sample-links p{margin-bottom:14px;max-width:360px}.enquiry-layout{grid-template-columns:1fr;gap:28px}.contact.enquiry{padding-block:35px 48px}.enquiry>h2{font-size:14vw;letter-spacing:-.065em;margin-bottom:30px}.enquiry .contact-top{margin-bottom:28px;display:block}.enquiry .contact-top p{display:none}.enquiry-copy>p{font-size:14px}.enquiry-two{grid-template-columns:1fr;gap:0}.enquiry-field{margin-bottom:16px}.enquiry-note{font-size:10px}.site-footer .foot-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.door-art{transition:none!important}} /* Keep the workshop title readable while the illustration sits on its own plane. */ .door-art{position:relative;top:auto;left:auto;right:auto;width:65%;align-self:flex-end;margin:-4px -24px 0 auto;flex-shrink:0}.door-bottom{margin-top:20px}.workshop-door h2{margin-top:35px;margin-bottom:15px}@media(max-width:700px){.door-art{position:relative;top:auto;right:auto;width:62%;margin:-5px -12px 0 auto}.door-bottom{margin-top:20px}.workshop-door{min-height:540px}.workshop-door h2{font-size:20vw;margin-top:31px}} /* Embedded typeface license notices Barlow Condensed Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. DM Sans Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */