:root{--wash:#7b9ad0;--wash2:#8fabdb;--pale:#c9d6ee;--ink:#15294f;--red:#c1121f;--white:#fff;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--g:clamp(16px,3vw,40px);--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .16 0 0 0 0 .31 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper),var(--wash);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--sans);font-style:italic;font-weight:700;font-stretch:78%;letter-spacing:-.025em;line-height:.98;text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,66px)}
:focus-visible{outline:3px solid var(--white);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:60}.skip:focus{left:8px}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--g);background:var(--paper),var(--wash)}
.logo img{width:clamp(112px,12vw,150px);height:auto}
.top nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-weight:500;font-size:15px}
.top nav a{text-decoration:none}.top nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}
.navcta{background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px;white-space:nowrap}.navcta:hover{background:var(--red);text-decoration:none!important}
.btn{display:inline-block;background:var(--ink);color:#fff;border:0;padding:14px 22px;border-radius:999px;font:600 16px/1 var(--sans);text-decoration:none;cursor:pointer}.btn:hover{background:var(--red)}
/* hero */
.hero{position:relative;height:calc(100svh - 58px);min-height:600px;overflow:hidden;display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:end;padding:0 var(--g) clamp(18px,3vh,36px);gap:12px}
.bigsig{position:absolute;left:50%;top:clamp(2%,5vh,7%);transform:translateX(-50%);width:min(96vw,1560px);max-width:none;opacity:.92;pointer-events:none}
.fig{grid-column:2;grid-row:1;position:relative;z-index:2;display:block;height:calc(100svh - 74px);min-height:560px;align-self:end;margin-bottom:calc(-1*clamp(18px,3vh,36px));cursor:pointer}
.fig img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 18px 18px rgba(21,41,79,.28))}
.hl{grid-column:1;grid-row:1;position:relative;z-index:3;max-width:360px}.hl h1{font-size:clamp(30px,3.4vw,50px);margin-bottom:12px}.hl p{margin-bottom:18px;font-size:16px}
.hr{grid-column:3;grid-row:1;justify-self:end;text-align:right;position:relative;z-index:3;display:grid;gap:2px;justify-items:end;max-width:280px}
.lab{font-size:13px}#figname{font:italic 700 clamp(20px,2vw,28px)/1.05 var(--sans);font-stretch:78%;text-decoration:none}#figname:hover{text-decoration:underline}#figmeta{font-size:14px;min-height:1.4em}
#figpause{margin-top:8px;background:none;border:1px solid var(--ink);color:var(--ink);border-radius:999px;font:500 13px/1 var(--sans);padding:6px 12px;cursor:pointer}#figpause:hover{background:var(--ink);color:#fff}
/* sections */
.wall-wrap,.real-wrap,.get,.brands,.pagehead,.two,.caps,.terms,.cta,.aboutb,.form,.filters,.count,.grid{padding-inline:var(--g)}
.sec{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}.sec p{max-width:44ch}.more{font-weight:600}
.wall-wrap{padding-top:clamp(50px,8vw,110px)}.wall{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,20px);align-items:start}
.tile{display:block;text-decoration:none;position:relative}.frame{display:block;position:relative;overflow:hidden;background:var(--wash2)}.frame img{width:100%;height:auto}.frame .alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
@media(hover:hover){.tile:hover .alt{opacity:1}}
.cap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding-top:7px;font-size:14px;line-height:1.3}.cap b{font-weight:600}.cap i{font-style:normal;grid-row:2}.st{grid-column:2;grid-row:1/3;align-self:start;font-size:12px;font-weight:600;padding:2px 8px;border:1px solid var(--ink);border-radius:99px}
.wall .t0{grid-column:1/8}.wall .t1{grid-column:8/13}.wall .t2{grid-column:1/5}.wall .t3{grid-column:5/9}.wall .t4{grid-column:9/13}.wall .t5{grid-column:1/6}.wall .t6{grid-column:6/13}.wall .t7{grid-column:1/8}.wall .t8{grid-column:8/13}.wall .t9{grid-column:1/5}.wall .t10{grid-column:5/9}.wall .t11{grid-column:9/13}
.real-wrap{padding-top:clamp(60px,9vw,120px)}.real{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(190px,21vw,300px);gap:12px;overflow-x:auto;padding-bottom:14px;scrollbar-color:var(--ink) transparent}.real figure{margin:0}.real img,.real video{width:100%;aspect-ratio:9/16;object-fit:cover}.real figcaption{font-size:14px;padding-top:6px}
.get{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);padding-top:clamp(60px,9vw,120px);padding-bottom:clamp(20px,4vw,40px)}.getl p{margin:16px 0 22px;max-width:42ch}
.get ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.get li{padding:13px 0;border-bottom:1px solid var(--ink);font-size:clamp(17px,1.6vw,21px)}
.brands{padding-top:clamp(50px,7vw,90px);padding-bottom:clamp(50px,7vw,90px)}.names{margin-top:14px;font:italic 700 clamp(30px,5.4vw,84px)/1.06 var(--sans);font-stretch:70%;letter-spacing:-.025em}.names a{text-decoration:none;margin-right:.35em;white-space:nowrap}.names a:hover{color:#fff}
.foot{background:var(--ink);color:#fff;padding:clamp(30px,5vw,60px) var(--g) 26px}.fsig{width:min(90vw,860px);margin-bottom:28px}.fcols{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.fcols a{margin-right:20px}.fcols a:last-child{margin-right:0}
/* pages */
.pagehead{padding-top:clamp(30px,5vw,70px);padding-bottom:clamp(18px,3vw,34px)}.pagehead h1{font-size:clamp(56px,11vw,170px)}.pagehead p{max-width:58ch;margin-top:16px;font-size:clamp(17px,1.6vw,20px)}
.filters{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:56px;z-index:20;background:var(--paper),var(--wash);padding-block:10px}.filters button{background:none;border:1px solid var(--ink);color:var(--ink);padding:8px 14px;border-radius:99px;font:500 14px/1 var(--sans);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:#fff}
.count{font-size:14px;margin:8px 0 14px}.grid{columns:4 240px;column-gap:16px;padding-bottom:70px}.grid .tile{break-inside:avoid;margin-bottom:26px}.tile[hidden]{display:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);padding-top:18px}.two>div{border-top:2px solid var(--ink);padding-top:14px}.two p{margin:12px 0 16px;max-width:44ch}
dl{display:grid;grid-template-columns:minmax(0,10ch) 1fr;gap:6px 14px;margin:0}dt{font-weight:600;font-size:15px}dd{margin:0;font-size:15px}
.caps{padding-top:clamp(50px,7vw,90px)}.caps ul{list-style:none;padding:0;margin:14px 0 0;font:italic 700 clamp(26px,3.6vw,54px)/1.12 var(--sans);font-stretch:74%;letter-spacing:-.02em}.caps li{display:inline}.caps li:not(:last-child):after{content:" / ";font-weight:400;opacity:.55}
.terms{padding-top:clamp(50px,7vw,90px)}.terms ol{margin:18px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.terms li{counter-increment:s;border-top:2px solid var(--ink);padding-top:10px;font-size:16px}.terms li:before{content:counter(s);display:block;font:italic 700 34px/1 var(--sans);margin-bottom:8px}.terms b{display:block}
.cta{padding-block:clamp(60px,9vw,120px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.aboutb{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,60px);padding-bottom:70px;align-items:start}.aboutb p{max-width:60ch;margin-bottom:16px}.aboutb .big{font:italic 700 clamp(26px,3.4vw,46px)/1.08 var(--sans);font-stretch:78%;letter-spacing:-.02em}.aboutb img{max-height:80vh;width:auto;margin-inline:auto}.aboutb .btn{margin-top:6px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;padding-bottom:80px}.form label{display:grid;gap:6px;font-weight:600;font-size:15px}.form .w{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;background:var(--pale);border:0;border-bottom:2px solid var(--ink);padding:12px;font:400 17px/1.3 var(--sans);color:var(--ink);border-radius:0}.form ::placeholder{color:var(--ink);opacity:.72}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--ink);background:#fff}
.formact{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#formnote{font-weight:600;display:none}#formnote.on{display:block}
.proj{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(18px,3vw,44px);padding:clamp(18px,3vw,36px) var(--g) 40px;align-items:start}.proj aside{position:sticky;top:74px;display:grid;gap:14px;justify-items:start}.proj h1{font-size:clamp(34px,4vw,60px)}.back{font-size:15px;font-weight:500}.iglink{font-size:15px}.proj dl{width:100%;border-top:1px solid var(--ink);padding-top:10px}
.media{display:grid;gap:12px;min-width:0}.media img,.media video{width:100%;height:auto}
.pn{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 var(--g) 50px;font-weight:600}
@media(max-width:860px){
 .hero{display:block;height:auto;padding-bottom:0}.bigsig{position:relative;left:auto;top:auto;transform:none;width:100%;margin:6px 0 -6px}
 .fig{height:auto;min-height:0;margin:0 auto;display:flex;justify-content:center}.fig img{height:min(72svh,640px)}
 .hl{max-width:none;padding:16px 0 18px}.hr{position:absolute;right:var(--g);top:clamp(70px,22vw,170px);max-width:42%}.hr .lab{font-size:12px}#figname{font-size:18px}
 .wall{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wall .tile{grid-column:auto!important}.wall .t0,.wall .t6{grid-column:1/-1!important}
 .get,.two,.aboutb,.proj{grid-template-columns:1fr}.proj aside{position:static}.terms ol{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}
 .top nav a:not(.navcta){font-size:14px}.grid{columns:2 150px;column-gap:10px}.real{grid-auto-columns:58vw}
 .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filters button{flex:none}
}
@media(max-width:430px){.top{padding-block:10px}.top nav{gap:10px}.navcta{padding:7px 10px;font-size:13px}.logo img{width:92px}.top nav a:not(.navcta){font-size:13px}.terms ol{grid-template-columns:1fr}.filters{top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}