@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/font-7.ttf) format('truetype');
}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--blue900:#09277f;--blue800:#1034a6;--blue700:#1646d8;--blue600:#2d5dea;--blue500:#557cf2;--navy:#08162f;--navy700:#22365b;--red600:#d92f2a;--red:#f0443a;--off:#f3f1ea;--white:#fff;--g100:#e8e7e2;--g300:#c4c5c2;--g500:#858a8f;--g700:#444b55;--black:#090b10;--display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;--text:Inter,Arial,sans-serif;--mono:"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--off);color:var(--navy);font-family:var(--text);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}em{color:var(--red);font-style:normal}.section-pad{padding:120px 5vw}.section-tag,.eyebrow,.micro{font:700 10px/1.3 var(--mono);letter-spacing:.14em}.section-head{grid-template-columns:1fr 2.1fr 1fr;align-items:end;gap:4vw;padding:120px 5vw 56px;display:grid}.section-head h2{font:900 clamp(60px,8vw,122px)/.82 var(--display);letter-spacing:-.035em;margin:0}.section-head>p:last-child{max-width:360px;margin:0;font-size:15px;line-height:1.55}.section-head.light{color:#fff;padding:0 0 56px}.lead{font-size:20px;line-height:1.55}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f1eaf0;border-bottom:1px solid #08162f2e;justify-content:space-between;align-items:center;height:88px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.05em;align-items:center;gap:11px;font-size:15px;font-weight:900;line-height:.84;display:flex}.brand small{letter-spacing:.22em;font-size:8px}.brand-mark{background:var(--blue700);color:#fff;width:40px;height:40px;font:900 14px/1 var(--display);letter-spacing:-.04em;place-items:center;display:grid}.desktop-nav{font:600 11px/1 var(--text);text-transform:uppercase;letter-spacing:.08em;gap:28px;display:flex}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";background:var(--red);height:2px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}.desktop-nav a:hover:after{right:0}.download{font:700 10px/1 var(--mono);letter-spacing:.12em;border-bottom:1px solid;padding:10px 0}.hero{background:var(--blue700);color:#fff;min-height:calc(100vh - 88px);padding:9vh 5vw 5vh;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:100% 14.28%,8.333% 100%;position:absolute;inset:0}.route-line{font:700 10px/1 var(--mono);letter-spacing:.16em;z-index:2;align-items:center;gap:13px;display:flex;position:absolute;top:8vh;right:5vw}.route-line i{background:#fff;width:72px;height:1px}.eyebrow{z-index:2;margin:0 0 4vh;position:relative}.hero h1{z-index:1;font:900 clamp(84px,14vw,218px)/.72 var(--display);letter-spacing:-.04em;margin:0;position:relative}.hero-note{z-index:2;border-top:1px solid #ffffffa6;grid-template-columns:80px 1fr;gap:20px;max-width:480px;margin-top:5vh;margin-left:50%;padding-top:15px;display:grid;position:relative}.hero-note p{margin:0;font-size:14px;line-height:1.5}.index{font:700 10px/1 var(--mono)}.hero-orbit{z-index:2;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:4vh;right:7vw}.hero-orbit:before{content:"";background:#fff;width:140px;height:1px;position:absolute;transform:rotate(-28deg)}.hero-orbit span{background:var(--blue700);font:900 16px var(--display);padding:6px}.manifesto{border-bottom:1px solid var(--g300);grid-template-columns:1.25fr .75fr;gap:9vw;display:grid}.manifesto h2{font:900 clamp(64px,9vw,138px)/.8 var(--display);letter-spacing:-.035em;margin:30px 0 0}.manifesto-copy{align-self:end}.dna-list{grid-template-columns:1fr 1fr;margin:46px 0;display:grid}.dna-list span{border-top:1px solid var(--navy);font:700 10px var(--mono);letter-spacing:.1em;padding:13px 0}.dna-list span:nth-child(odd){margin-right:24px}.reference-note{color:var(--g700);border-left:3px solid var(--red);padding-left:14px;font-size:11px;line-height:1.5}.color-section{padding-bottom:120px}.color-grid{background:var(--g300);border:1px solid var(--g300);grid-template-columns:repeat(4,1fr);gap:1px;padding:0 5vw;display:grid}.color-card{background:var(--off);flex-direction:column;min-height:290px;padding:18px;display:flex}.color-chip{background:var(--swatch);height:110px;margin:-18px -18px 18px}.color-card h3{font:800 20px var(--display);text-transform:uppercase;margin:0 0 3px}.color-card>strong{font:700 11px var(--mono)}.color-card p{font:11px/1.6 var(--mono);margin:18px 0}.color-card small{color:var(--g700);margin-top:auto;font-size:11px;line-height:1.4}.color-2{grid-column:span 2}.color-2 .color-chip{height:190px}.color-2{min-height:370px}.color-8{grid-column:span 2}.type-section{background:var(--navy);color:#fff}.type-demo{border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff4d;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:5vw;padding:60px 0;display:grid}.alphabet{font:900 210px/.75 var(--display);letter-spacing:-.08em;color:var(--blue500)}.alphabet span{color:var(--red)}.type-demo h3{font:900 78px/.78 var(--display);margin:0}.type-demo p{max-width:260px;font-size:13px;line-height:1.55}.body-demo{border-left:1px solid #ffffff4d;padding-left:5vw}.body-demo strong{font-size:44px}.body-demo p{font-size:17px}.type-table{margin-top:72px}.table-row{border-bottom:1px solid #ffffff29;grid-template-columns:1.5fr 1fr .7fr .7fr 1.4fr;padding:15px 0;font-size:12px;display:grid}.table-row strong{text-transform:uppercase}.table-title{font:700 9px var(--mono);letter-spacing:.12em;color:var(--blue500)}.big-type{background:var(--blue700);color:#fff;grid-template-columns:1.3fr .7fr;min-height:860px;display:grid}.big-type-copy{padding:95px 5vw;position:relative;overflow:hidden}.big-type-copy:after{content:"AW/TYPE/04";font:700 10px var(--mono);letter-spacing:.2em;position:absolute;top:50%;right:-45px;transform:rotate(90deg)}.big-type h2{font:900 clamp(100px,15vw,225px)/.72 var(--display);letter-spacing:-.05em;margin:70px 0 0}.rules{background:var(--off);color:var(--navy);grid-template-rows:repeat(4,1fr);display:grid}.rules article{border-bottom:1px solid var(--g300);padding:35px;position:relative}.rules article>b{font:700 10px var(--mono);color:var(--red)}.rules h3{font:900 34px var(--display);margin:10px 0}.rules p{max-width:320px;margin:0;font-size:13px;line-height:1.5}.grid-section{padding-bottom:140px}.grid-section>.section-head{padding:0 0 70px}.grid-demo{grid-template-columns:1.4fr .6fr;gap:4vw;display:grid}.mini-grid{background:var(--blue700);grid-template-columns:repeat(12,1fr);gap:10px;height:460px;padding:28px;display:grid;position:relative}.mini-grid i{background:#ffffff1f;border:1px solid #ffffff40}.mini-grid b{color:#fff;font:900 64px/.8 var(--display);position:absolute;bottom:35px;left:45px}.spacing{padding:18px 0}.spacing>p{font:700 10px var(--mono);letter-spacing:.12em;margin-bottom:24px}.spacing div{font:600 10px var(--mono);grid-template-columns:100px 1fr;align-items:center;margin:13px 0;display:grid}.spacing i{background:var(--red);height:8px}.grid-table{border-top:1px solid var(--navy);margin-top:70px}.grid-row{border-bottom:1px solid var(--g300);grid-template-columns:1.5fr 1.2fr .5fr .8fr .8fr 1fr;padding:14px 8px;font-size:12px;display:grid}.grid-row span:first-child{font-weight:700}.grid-title{font:700 9px var(--mono);letter-spacing:.1em;background:var(--navy);color:#fff}.micro-guides{border-top:1px solid var(--navy);grid-template-columns:repeat(3,1fr);margin-top:64px;display:grid}.micro-guides article{border-right:1px solid var(--g300);min-height:150px;padding:26px 4vw 0 0}.micro-guides article+article{padding-left:3vw}.micro-guides h3{font:900 30px var(--display);margin:0}.micro-guides p{font-size:12px;line-height:1.65}.components-section{background:var(--blue700);color:#fff;padding:120px 5vw}.components-section>.section-head{padding-left:0;padding-right:0}.component-showcase{grid-template-columns:.85fr 1.15fr;gap:6vw;display:grid}.component-stage{background:var(--off);color:var(--navy);flex-direction:column;align-items:flex-start;gap:18px;height:max-content;padding:40px;display:flex;position:sticky;top:110px}.cta{letter-spacing:.03em;border-radius:2px;justify-content:space-between;gap:50px;min-width:270px;padding:16px 22px;font-size:12px;font-weight:700;display:flex}.cta.primary{background:var(--blue700);border:1px solid var(--blue700);color:#fff}.cta.secondary{border:1px solid var(--navy);color:var(--navy);background:0 0}.location-box{background:var(--navy);color:#fff;flex-direction:column;width:100%;padding:24px;display:flex}.location-box strong{font:900 48px/.88 var(--display);margin:28px 0}.location-box small{font-size:10px}.quote{background:var(--blue700);color:#fff;width:100%;font:800 38px/.92 var(--display);padding:28px}.badge{background:var(--red);color:#fff;font:700 9px var(--mono);letter-spacing:.1em;padding:6px 10px}.component-list{border-top:1px solid #fff6;grid-template-columns:1fr 1fr;display:grid}.component-list article{border-bottom:1px solid #ffffff40;grid-template-columns:34px 1fr;gap:5px 10px;padding:17px 10px;display:grid}.component-list article:nth-child(odd){border-right:1px solid #ffffff40}.component-list b{font:700 9px var(--mono);color:var(--red)}.component-list h3{font:800 18px var(--display);text-transform:uppercase;margin:0}.component-list span{opacity:.7;grid-column:2;font-size:9px}.icons-row{border-top:1px solid #fff6;margin-top:100px;padding-top:28px}.icon-set{grid-template-columns:repeat(8,1fr);margin:35px 0;display:grid}.icon-set span{aspect-ratio:1;border:1px solid #ffffff59;place-items:center;font-size:34px;display:grid}.icons-row>p:last-child{max-width:680px;font-size:12px;line-height:1.55}.photo-section{padding-bottom:120px}.photo-grid{grid-template-columns:1fr 1fr;gap:18px;padding:0 5vw;display:grid}.photo{background-position:50%;background-size:cover;min-height:560px;position:relative;overflow:hidden}.photo:after{content:"";position:absolute;inset:0}.photo>div{z-index:2;color:#fff;font:700 10px var(--mono);letter-spacing:.1em;border-top:1px solid;justify-content:space-between;padding-top:12px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.p1{filter:grayscale()contrast(1.18);background-image:url(/assets/photos/work-meeting.jpg)}.p1:after{background:#08162f2e}.p2{background-blend-mode:multiply;background-image:url(/assets/photos/work-laptop.jpg);background-color:var(--blue600);filter:contrast(1.15)}.p2:after{background:linear-gradient(135deg,#09277f4d,#1646d880)}.p3{filter:saturate(.7)contrast(1.08);background-image:url(/assets/photos/editorial-meeting.jpg)}.p3:after{background:linear-gradient(#0000 45%,#08162f73)}.p4{background-image:linear-gradient(90deg,var(--off) 0 38%,transparent 38%),url(/assets/photos/progress-team.jpg);background-position:50%,100%}.p4>strong{z-index:2;font:900 86px/.78 var(--display);position:absolute;top:70px;left:24px}.p4>div{color:var(--navy)}.photo-rules{grid-template-columns:1fr 1fr;gap:5vw;padding:45px 5vw 0;display:grid}.photo-rules p{border-top:1px solid;padding-top:18px;font-size:13px;line-height:1.65}.graphics-section{background:var(--navy);color:#fff}.asset-board{background:#ffffff40;border:1px solid #ffffff40;grid-template-rows:1fr 1fr;grid-template-columns:1.5fr .7fr .6fr;gap:1px;min-height:620px;display:grid}.asset-board>div{background:var(--navy);position:relative;overflow:hidden}.route-map{background-image:radial-gradient(circle,#557cf22e 0 1px,#0000 1px);background-size:22px 22px;grid-row:span 2}.route-map:before,.route-map:after{content:"";border:1px solid #ffffff4d;border-radius:50%;width:330px;height:330px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-map:after{width:520px;height:520px}.airport{color:var(--navy);font:700 10px var(--mono);z-index:2;background:#fff;padding:7px 9px;position:absolute}.airport.a{bottom:18%;left:12%}.airport.b{top:24%;right:14%}.airport.c{bottom:18%;right:22%}.route-map i{background:var(--red);transform-origin:0;height:1px;position:absolute}.route-map i:first-of-type{width:58%;bottom:20%;left:15%;transform:rotate(-37deg)}.route-map i:nth-of-type(2){width:44%;top:43%;left:48%;transform:rotate(26deg)}.route-map i:nth-of-type(3){background:#fff;width:48%;bottom:20%;left:15%;transform:rotate(5deg)}.route-map>b{color:var(--red);font-size:40px;position:absolute;top:35%;left:48%}.asset-code{flex-direction:column;justify-content:space-between;padding:28px;display:flex}.asset-code small,.asset-code span{font:700 9px var(--mono);letter-spacing:.15em}.asset-code strong{font:800 26px/1.3 var(--mono)}.stars{color:var(--red);place-items:center;font-size:140px;display:grid!important}.stars span{color:#fff;font-size:42px;position:absolute;top:18px;right:20px}.stars b{color:var(--blue500);font-size:22px;position:absolute;bottom:18px;left:20px}.modules{grid-column:span 2;grid-template-columns:repeat(4,1fr);gap:8px;padding:24px;display:grid!important}.modules i{border:1px solid #ffffff59}.modules i:nth-child(2){background:var(--blue700)}.modules span{font:900 34px var(--display);position:absolute;bottom:36px;left:35px}.asset-caption{max-width:850px;margin:38px 0 0;font-size:12px;line-height:1.6}.layouts-section{padding-bottom:140px}.layout-stack{padding:0 5vw}.layout-row{border-top:1px solid var(--g300);grid-template-columns:.75fr 1.25fr;align-items:center;gap:7vw;padding:80px 0;display:grid}.layout-row.reverse .layout-info{order:2}.layout-row.reverse .poster{order:1}.layout-info>b{font:700 11px var(--mono);color:var(--red)}.layout-info h3{font:900 58px var(--display);margin:8px 0 20px}.layout-info p{max-width:400px;font-size:14px;line-height:1.6}.poster{aspect-ratio:4/5;color:#fff;justify-self:end;width:min(100%,620px);padding:28px;position:relative;overflow:hidden}.poster:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:20% 20%;position:absolute;inset:0}.poster-logo{color:var(--navy);font:900 16px var(--display);z-index:4;background:#fff;padding:8px 9px;position:absolute;top:26px;left:28px}.poster>small{font:700 8px var(--mono);letter-spacing:.12em;z-index:4;position:absolute;top:35px;right:28px}.poster h4{z-index:3;font:900 76px/.76 var(--display);letter-spacing:-.035em;margin:0;position:absolute;left:28px}.poster-cta{font:700 9px var(--mono);letter-spacing:.12em;z-index:5;border-top:1px solid;padding-top:12px;position:absolute;bottom:26px;left:28px;right:28px}.monumental{background:var(--blue700)}.monumental h4{top:130px}.monument-shape{background:linear-gradient(180deg,var(--g100),#777);clip-path:polygon(35% 0,65% 0,70% 28%,85% 34%,78% 45%,100% 100%,0 100%,22% 45%,15% 34%,30% 28%);filter:grayscale();opacity:.78;width:38%;height:55%;position:absolute;bottom:0;right:8%}.career{background-image:linear-gradient(90deg,var(--navy) 0 48%,#08162f33),url(/assets/photos/career-team.jpg);background-position:50%;background-size:cover}.career h4{font-size:61px;top:145px}.type-poster{background:var(--off);color:var(--navy);border:1px solid var(--g300)}.type-poster .poster-logo{background:var(--blue700);color:#fff}.type-poster h4{font-size:83px;top:112px}.urban{background:var(--navy)}.departures{font:700 13px var(--mono);z-index:3;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:105px;left:28px;right:28px}.departures>*{border-bottom:1px solid #ffffff4d;padding:10px}.departures em{color:var(--red)}.urban h4{font-size:100px;bottom:60px}.portrait{background:var(--blue700)}.portrait h4{z-index:1;font-size:92px;top:130px}.portrait-cut{clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,8% 45%);filter:grayscale()contrast(1.1);z-index:2;background:url(/assets/photos/professional-portrait.jpg) 50%/cover;width:70%;height:76%;position:absolute;bottom:-8%;right:-5%}.portrait .poster-cta{z-index:4}.variation-section{background:var(--blue700);color:#fff}.variation-section>.section-head{padding-left:0;padding-right:0}.matrix{border-top:1px solid #fff6;border-left:1px solid #fff6;grid-template-columns:repeat(4,1fr);display:grid}.matrix div{aspect-ratio:1.25;background:var(--blue700);border-bottom:1px solid #fff6;border-right:1px solid #fff6;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.matrix div:nth-child(3n){background:var(--navy)}.matrix div:nth-child(5){background:var(--red)}.matrix span{font:700 9px var(--mono)}.matrix strong{font:900 31px var(--display)}.constants{grid-template-columns:1fr 1fr;gap:7vw;margin-top:75px;display:grid}.constants article{border-top:1px solid;padding-top:18px}.constants h3{font:900 32px var(--display);margin:0}.constants p{font-size:13px;line-height:1.7}.applications{padding-bottom:140px}.mockup-grid{background:linear-gradient(180deg,var(--off) 0 55%,var(--g100) 55%);grid-template-columns:.65fr 1fr;gap:55px;padding:0 5vw;display:grid}.phone{background:var(--black);border-radius:38px;padding:12px;box-shadow:0 24px 60px #08162f33}.story{background:var(--blue700);color:#fff;border-radius:28px;height:760px;padding:30px;position:relative;overflow:hidden}.story:after{content:"";border:1px solid #ffffff59;border-radius:50%;width:500px;height:500px;position:absolute;bottom:50px;right:-300px}.story>span,.feed-post>span,.banner>span{color:var(--navy);font:900 15px var(--display);background:#fff;padding:7px}.story small{font:700 8px var(--mono);position:absolute;top:35px;right:28px}.story h3{font:900 77px/.78 var(--display);margin-top:170px}.story b{font:700 9px var(--mono);border-top:1px solid;padding-top:15px;position:absolute;bottom:30px;left:30px;right:30px}.feed-post{aspect-ratio:1;background:var(--blue700);color:#fff;border:1px solid var(--blue700);align-self:center;padding:30px;position:relative}.feed-post>span{color:var(--navy);background:#fff}.feed-post small{font:700 9px var(--mono);position:absolute;top:36px;right:30px}.feed-post h3{font:900 clamp(65px,8vw,118px)/.75 var(--display);margin:80px 0 0}.feed-post h3 em{color:var(--yellow)}.feed-post>b{font:700 9px var(--mono);position:absolute;bottom:28px;left:30px}.banner{aspect-ratio:3.5;background:var(--navy);color:#fff;grid-column:span 2;padding:32px;position:relative;overflow:hidden}.banner h3{font:900 clamp(55px,8vw,115px)/.8 var(--display);margin:34px 0 0}.banner .plane-line{font:700 12px var(--mono);color:var(--red);position:absolute;top:38%;right:4%}.banner>b{font:700 9px var(--mono);position:absolute;bottom:32px;right:4%}.wall{aspect-ratio:2.4;background:linear-gradient(115deg,#dedbd1 0 70%,#c3c0b8 70%);grid-column:span 2;padding:5%;position:relative;box-shadow:inset 0 -20px 30px #00000014}.wall h3{font:900 clamp(80px,12vw,170px)/.72 var(--display);margin:20px 0}.wall span{font:700 10px var(--mono);letter-spacing:.15em}.wall i{background:var(--red);width:1px;height:80%;position:absolute;top:10%;right:20%}.wall>b{font:700 14px var(--mono);position:absolute;top:15%;right:8%}.brand-check{background:var(--navy);color:#fff;grid-template-columns:.8fr 1.2fr;gap:8vw;display:grid}.brand-check h2{font:900 clamp(68px,8vw,120px)/.8 var(--display);margin:35px 0}.brand-check ol{border-top:1px solid #fff6;margin:0;padding:0;list-style:none}.brand-check li{border-bottom:1px solid #ffffff38;grid-template-columns:50px 1fr;gap:10px;padding:18px 0;font-size:13px;display:grid}.brand-check li span{font:700 10px var(--mono);color:var(--red)}.brand-check li:last-child{background:var(--red);padding:20px}.brand-check li:last-child span{color:#fff}footer{background:var(--off);grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:220px;padding:55px 5vw;display:grid}footer>div{text-align:center;font:700 10px var(--mono);letter-spacing:.12em}footer>div p{margin:0 0 7px}footer>div span{color:var(--g500)}footer>a{font:700 10px var(--mono);border-bottom:1px solid;justify-self:end;padding-bottom:7px}@media (max-width:960px){.section-head{grid-template-columns:1fr}.section-head>p:last-child{max-width:600px}.manifesto{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(3,1fr)}.type-demo{grid-template-columns:1fr 1fr}.body-demo{border-top:1px solid #ffffff4d;border-left:0;grid-column:span 2;padding:30px 0 0}.big-type{grid-template-columns:1fr}.rules{grid-template-rows:auto;grid-template-columns:1fr 1fr}.grid-demo,.component-showcase{grid-template-columns:1fr}.component-stage{position:relative;top:0}.layout-row{grid-template-columns:.6fr 1.4fr;gap:4vw}.mockup-grid{grid-template-columns:1fr 1.2fr}.brand-check{grid-template-columns:1fr}.asset-board{grid-template-columns:1fr 1fr}.route-map{grid-column:span 2;min-height:500px}.matrix{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.section-pad{padding:78px 6vw}.section-head{padding:78px 6vw 38px}.desktop-nav{display:none}.topbar{height:72px;padding:0 6vw}.download{font-size:9px}.hero{min-height:calc(100vh - 72px);padding:8vh 6vw 4vh}.hero h1{font-size:22vw}.route-line{display:none}.hero-note{grid-template-columns:55px 1fr;margin-top:8vh;margin-left:0}.hero-orbit{display:none}.manifesto h2{font-size:20vw}.color-grid{grid-template-columns:1fr 1fr;padding:0 6vw}.color-card,.color-2{grid-column:auto;min-height:260px}.color-2 .color-chip{height:110px}.type-demo{grid-template-columns:1fr}.alphabet{font-size:150px}.type-demo h3{font-size:60px}.body-demo{grid-column:auto}.table-row{grid-template-columns:1.3fr .8fr .5fr}.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}.big-type h2{font-size:27vw}.rules{grid-template-columns:1fr}.grid-demo{display:block}.mini-grid{height:320px}.mini-grid b{font-size:46px}.grid-row{grid-template-columns:1.3fr 1fr .5fr}.grid-row span:nth-child(4),.grid-row span:nth-child(5),.grid-row span:nth-child(6){display:none}.micro-guides{grid-template-columns:1fr}.component-showcase{display:block}.component-list{grid-template-columns:1fr;margin-top:50px}.component-list article:nth-child(odd){border-right:0}.icon-set{grid-template-columns:repeat(4,1fr)}.photo-grid{grid-template-columns:1fr;padding:0 6vw}.photo{min-height:420px}.p4>strong{font-size:58px}.photo-rules{grid-template-columns:1fr}.asset-board{display:block}.asset-board>div{border-bottom:1px solid #fff3;min-height:260px}.route-map{min-height:440px}.layout-stack{padding:0 6vw}.layout-row,.layout-row.reverse{grid-template-columns:1fr}.layout-row.reverse .layout-info,.layout-row.reverse .poster{order:initial}.poster{width:100%}.poster h4{font-size:19vw}.career h4{font-size:14vw}.urban h4{font-size:23vw}.layout-info h3{font-size:48px}.matrix{grid-template-columns:1fr 1fr}.matrix strong{font-size:23px}.constants{grid-template-columns:1fr}.mockup-grid{padding:0 6vw;display:block}.phone{margin-bottom:50px}.story{height:650px}.story h3{font-size:65px}.feed-post{margin-bottom:50px}.feed-post h3{font-size:17vw}.banner,.wall{aspect-ratio:1.2;margin-bottom:30px}.banner h3{margin-top:80px;font-size:16vw}.banner .plane-line{top:auto;bottom:70px;right:32px}.wall h3{font-size:20vw}.brand-check h2{font-size:19vw}footer{grid-template-columns:1fr;align-items:start;gap:40px}footer>div{text-align:left}footer>a{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.brand{align-items:center;display:flex}.brand img{width:148px;height:auto;display:block}.logo-section{background:#fff;padding-bottom:120px}.logo-variants{background:var(--g300);border:1px solid var(--g300);grid-template-columns:repeat(3,1fr);gap:1px;margin:0 5vw;display:grid}.logo-variants article{background:#fff;padding-bottom:24px}.logo-variant{aspect-ratio:2.237;background-image:url(/brand/after-work-logo-variations.svg);background-repeat:no-repeat;background-size:100% 300%}.src-blue{background-position:top}.src-black{background-position:50%}.src-white{background-position:bottom}.logo-variants h3{font:900 25px var(--display);margin:22px 22px 5px}.logo-variants p{max-width:320px;margin:0 22px;font-size:11px;line-height:1.5}.logo-rules{border-top:1px solid var(--navy);grid-template-columns:repeat(3,1fr);margin:65px 5vw 0;display:grid}.logo-rules article{border-right:1px solid var(--g300);flex-direction:column;justify-content:space-between;min-height:220px;padding:28px 3vw 0 0;display:flex}.logo-rules article+article{padding-left:3vw}.logo-rules h3{font:900 28px var(--display);margin:0}.logo-rules p{max-width:340px;font-size:11px;line-height:1.55}.clearspace-demo{border:1px dashed var(--blue700);place-items:center;width:80%;padding:24px;display:grid}.clearspace-demo img{width:100%;height:auto;display:block}.logo-rules article>b{font:900 70px/.8 var(--display);color:var(--blue700)}.donts{font:900 54px var(--display);text-decoration:line-through;-webkit-text-decoration-color:var(--red);-webkit-text-decoration-color:var(--red);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:4px}.poster-logo{object-fit:contain;z-index:4;width:94px;height:auto;position:absolute;top:25px;left:28px;color:inherit!important;background:0 0!important;padding:0!important}.app-logo{width:110px;height:auto;display:block}.app-logo.dark{width:130px}.wall-logo{width:160px;height:auto;display:block}footer .brand img{width:190px}@media (max-width:960px){.logo-variants,.logo-rules{grid-template-columns:1fr}.logo-rules article{border-right:0;border-bottom:1px solid var(--g300);padding:28px 0}.logo-rules article+article{padding-left:0}}@media (max-width:680px){.brand img{width:118px}.logo-section{padding-bottom:78px}.logo-variants,.logo-rules{margin-left:6vw;margin-right:6vw}.poster-logo{width:82px}footer .brand img{width:170px}}.hero h1,.section-head h2,.manifesto h2,.big-type h2,.poster h4,.story h3,.feed-post h3,.banner h3,.wall h3{font-kerning:normal;font-feature-settings:"kern" 1;text-rendering:optimizelegibility;letter-spacing:.005em}.hero h1,.big-type h2{line-height:.82}.poster h4,.story h3,.feed-post h3,.banner h3,.wall h3{line-height:.84}.poster h4{letter-spacing:.008em}.hero h1 em,.type-section .section-head em,.big-type h2 em,.components-section .section-head em,.graphics-section .section-head em,.variation-section .section-head em,.monumental h4 em,.career h4 em,.urban h4 em,.portrait h4 em,.story h3 em,.banner h3 em{color:var(--red)}.matrix div:nth-child(5){background:var(--red);box-shadow:none}.modules i:nth-child(3){background:var(--red)}:root{--blue900:#043d66;--blue800:#075486;--blue700:#0b6eb5;--blue600:#187ec6;--blue500:#3a94d4;--red600:#bf3c37;--red:#d94a43;--yellow:#ffcb00}.hero h1 em,.big-type h2 em,.components-section .section-head em,.variation-section .section-head em,.monumental h4 em,.portrait h4 em,.story h3 em,.components-section .component-list b{color:var(--yellow)}.matrix div:nth-child(5){background:var(--yellow);color:var(--navy)}.portrait h4{z-index:3}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}