:root{--paper:#efede6;--ink:#171817;--blue:#1648bd;--orange:#ef4b23;--rule:rgba(23,24,23,.22);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px #f6f4ef}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:white;border:2px solid var(--ink);padding:.95rem 1rem;font-weight:700}.skip:focus{top:1rem}.concept{position:fixed;z-index:60;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.65rem;padding:.65rem .8rem;background:var(--orange);color:#111;font-size:.63rem;font-weight:700;letter-spacing:.06em;box-shadow:5px 5px 0 #111}.concept:focus-visible{box-shadow:0 0 0 3px #f6f4ef,5px 5px 0 #111}.concept span{padding-right:.6rem;border-right:1px solid #111}header{position:absolute;z-index:20;width:100%;top:0;display:flex;justify-content:space-between;align-items:center;padding:1.45rem 3vw;color:white;border-bottom:1px solid rgba(255,255,255,.35)}.logo{font-size:.82rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.logo span{color:var(--orange);margin:0 .35rem}nav{display:flex;gap:2.2rem;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}.brief-link{background:var(--orange);color:#111;padding:.75rem .9rem}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:7rem 4vw 6vh;overflow:hidden;color:white;background:#222}.hero>picture,.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>picture img{animation:push 18s ease-in-out infinite alternate}.shade{background:linear-gradient(90deg,rgba(14,15,14,.7),rgba(14,15,14,.08) 70%),linear-gradient(0deg,rgba(14,15,14,.55),transparent 55%)}.drawing-lines,.shade{position:absolute;inset:0}.drawing-lines{pointer-events:none}.drawing-lines i{position:absolute;background:rgba(255,255,255,.25)}.drawing-lines i:first-child{left:3vw;top:0;width:1px;height:100%}.drawing-lines i:nth-child(2){left:58%;top:0;width:1px;height:100%}.drawing-lines i:nth-child(3){top:28%;left:0;height:1px;width:100%}.drawing-lines i:nth-child(4){right:3vw;top:0;width:1px;height:100%}.hero-copy{position:relative;z-index:2;width:100%}.hero-copy>p,.label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;text-wrap:balance}.approach h2,.brief h2,.compare h2,.hero h1{font-weight:800;letter-spacing:-.075em}.hero h1{font-size:clamp(4.7rem,10vw,11rem);line-height:.82;margin:1rem 0 2.5rem;text-transform:uppercase;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>div{display:flex;justify-content:space-between;align-items:flex-end;line-height:1.5;font-size:.8rem}.hero-copy>div a{padding-bottom:.4rem;border-bottom:1px solid;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em}.sheet{position:absolute;z-index:2;right:4.8vw;top:7rem;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.16em}.approach{min-height:70vh;padding:9rem 4vw;display:grid;grid-template-columns:.5fr 1.6fr .7fr;grid-gap:4vw;gap:4vw;align-items:start;background:var(--orange)}.big-number{font-size:clamp(5rem,11vw,12rem);font-weight:900;letter-spacing:-.1em;line-height:.75}.approach h2,.brief h2,.compare h2{font-size:clamp(3rem,6.3vw,7.2rem);line-height:1;margin:1rem 0;text-wrap:balance}.side-copy{padding-top:3rem;line-height:1.7;font-size:1rem}.compare{padding:9rem 4vw;background:var(--paper);background-image:linear-gradient(rgba(22,72,189,.12) 1px,transparent 0),linear-gradient(90deg,rgba(22,72,189,.12) 1px,transparent 0);background-size:28px 28px}.compare-head{display:grid;grid-template-columns:.55fr 1.5fr;align-items:flex-end;margin-bottom:4rem}.compare-head h2{margin:0}.comparison{height:min(74vw,780px);max-height:78vh;min-height:560px;position:relative;overflow:hidden;border:2px solid var(--ink);background:#244}.finished,.finished img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.material-notes{display:flex;justify-content:space-between;padding:.8rem 0;font-size:.58rem;font-weight:700;letter-spacing:.1em}.process{padding:9rem 4vw;background:var(--ink);color:var(--paper)}.process>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid rgba(255,255,255,.25)}.process article{min-height:330px;padding:1.5rem 2rem 2rem 0;border-right:1px solid rgba(255,255,255,.2)}.process article+article{padding-left:2rem}.process article span{color:var(--orange);font-size:.7rem}.process h3{font-size:2.3rem;margin:5rem 0 1rem}.process article p{font-size:.83rem;line-height:1.65;opacity:.65}.brief{padding:9rem 7vw;min-height:90vh;background:#d8d5cc;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:6vw;gap:6vw;align-items:center}.brief h2{font-size:clamp(2.4rem,5.5vw,6.2rem)}.brief>div>p:last-child{max-width:350px;line-height:1.6}.brief fieldset{border:0;padding:0;margin:0 0 3rem}.brief form>label,.brief legend{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.brief legend{padding:0 0 .9rem}.brief fieldset button{display:flex;justify-content:space-between;width:100%;padding:1.1rem 0;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.brief fieldset button.active{padding-left:1rem;color:white;background:var(--blue)}.brief textarea{width:100%;min-height:120px;margin-top:1rem;padding:1rem;border:1px solid var(--ink);background:transparent;resize:vertical}.submit,.success button{display:flex;justify-content:space-between;width:100%;margin-top:1rem;padding:1.1rem;border:0;background:var(--orange);font-weight:800;text-transform:uppercase;cursor:pointer}.brief small{display:block;margin-top:.8rem}.success{padding:2.5rem;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--orange)}.success>span{font-size:.65rem;font-weight:800}.success h3{font-size:2.7rem;margin:3rem 0 1rem}.success p{line-height:1.6}.success button{width:auto;background:var(--ink);color:white}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding:2rem 4vw 5rem;background:#d8d5cc;border-top:1px solid var(--rule);font-size:.65rem}footer p{margin:0}footer p a{text-decoration:underline}footer nav{gap:1.6rem}footer nav a{padding-bottom:.3rem;border-bottom:1px solid var(--rule)}.brief fieldset button,.brief-link,.concept,.hero-copy>div a,.submit,.success button,footer nav a,footer p a,header nav a{transition:background .18s ease,color .18s ease,padding-left .18s ease,transform .18s ease,box-shadow .18s ease}@media(hover:hover){.hero-copy>div a:hover,footer nav a:hover,footer p a:hover,header nav a:not(.brief-link):hover{color:var(--orange)}.logo:hover span{color:var(--ink)}header .logo:hover span{color:white}.brief-link:hover,.submit:hover{background:var(--ink);color:white}.success button:hover{background:var(--blue)}.brief fieldset button:not(.active):hover{padding-left:1rem;background:rgba(23,24,23,.07)}.concept:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #111}}.brief fieldset button:active,.brief-link:active,.submit:active,.success button:active{transform:translateY(1px)}@keyframes push{to{transform:scale(1.035)}}@media(min-width:801px) and (max-width:1150px){.approach{grid-template-columns:auto 1fr;gap:3vw}.side-copy{grid-column:2;padding-top:2.5rem;max-width:56ch}}@media(max-height:520px) and (min-width:801px){.hero{padding:5.5rem 4vw 5vh}.comparison{height:min(74vw,88vh);max-height:none}.approach,.brief,.comparison,.process article{min-height:0}}@media(max-width:800px){header{padding:1.1rem 1.2rem}header nav a:not(.brief-link){display:none}.logo{display:inline-block;padding:.95rem 0}.brief-link{padding:1rem .95rem}.hero{padding:7rem 1.2rem 4rem}.hero h1{font-size:clamp(3rem,15.2vw,6.3rem)}.hero-copy>div{display:grid;grid-gap:1.5rem;gap:1.5rem}.hero-copy>div a{padding:1.2rem 0 .7rem;justify-self:start}.shade{background:linear-gradient(180deg,rgba(14,15,14,.5),rgba(14,15,14,.12) 26%,rgba(14,15,14,.5) 68%,rgba(14,15,14,.86))}.drawing-lines i:nth-child(2),.drawing-lines i:nth-child(4),.sheet{display:none}.approach{padding:6rem 1.2rem;grid-template-columns:1fr}.approach h2,.brief h2,.compare h2{font-size:clamp(2.1rem,10.5vw,5.5rem)}.big-number{font-size:7rem}.compare{padding:6rem 1.2rem}.compare-head{grid-template-columns:1fr;gap:1.5rem}.comparison{min-height:0;height:min(100vw,56vh);max-height:none}.material-notes{overflow:auto;gap:1rem;font-size:.52rem}.material-notes span{white-space:nowrap}.process{padding:6rem 1.2rem}.process>div{grid-template-columns:1fr}.process article,.process article+article{min-height:0;padding:2rem 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.process h3{margin:2rem 0 1rem}.brief{padding:6rem 1.2rem;grid-template-columns:1fr;gap:3rem}.concept{right:.7rem;bottom:.7rem;padding:1.05rem .8rem}footer{gap:.5rem;padding:2rem 1.2rem 6rem}footer,footer nav{flex-direction:column;align-items:flex-start}footer nav{gap:0}footer nav a{padding:1.2rem 0 1.05rem;border-bottom:0}footer p a{display:inline-block;padding:1.1rem .65rem;margin:-1.1rem -.65rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}