/* Poster v02. Local OFL fonts; no external font requests. */
@font-face{font-family:'Archivo Black';src:url('fonts/ArchivoBlack-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/Archivo-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#fffefa;--ink:#181818;--red:#c4212b;--rose:#f0e5df;font-family:'Archivo',Arial,sans-serif}
em{font-family:inherit;font-style:normal;font-weight:900}
.site-header{height:78px;border-bottom:1px solid #18181815}.brand{font-family:'Archivo Black',Arial,sans-serif;font-style:normal;font-size:32px;letter-spacing:-.09em}.header-name{font-weight:600}.site-header nav{font-weight:500}
.hero{padding-top:110px;padding-bottom:20px;justify-content:flex-start;min-height:100svh}
.hero-topline{border:0;padding:0;margin-bottom:15px;align-items:flex-start;font-size:initial;letter-spacing:0;color:var(--red);max-width:1220px;width:100%;margin-inline:auto}
.hero-topline>span{display:flex;flex-direction:column;gap:6px}.hero-topline>span:last-child{text-align:right}
.hero-topline small{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--ink)}
.hero-topline strong{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:clamp(16px,2.05vw,34px);line-height:1.1;letter-spacing:-.05em}
.hero-composition{width:100%;max-width:1220px;margin:auto;min-height:0;display:grid;grid-template-columns:30% 70%;align-items:end;padding:0}
.hero-title-wrap{grid-column:2;position:relative;container-type:inline-size;z-index:2;padding-bottom:20px}
.hero h1.poster-lockup{font-family:'Archivo Black',Arial,sans-serif;font-size:18.8cqw;font-weight:400;color:var(--red);width:100%;max-width:100%;line-height:.72;letter-spacing:-.09em;padding:10px 0 12px;isolation:isolate}
.poster-lockup>span{display:block;white-space:nowrap;position:relative;width:max-content;will-change:transform}
.poster-lockup .title-ten{font-size:1.23em;margin-left:48%;line-height:.69;letter-spacing:-.105em;z-index:1}
.poster-lockup .title-things{font-size:1.04em;margin-left:21%;line-height:.75;z-index:2}
.poster-lockup .title-hate{font-size:1.12em;margin-left:1%;line-height:.72;z-index:3;word-spacing:-.09em}
.poster-lockup .title-i{display:inline-block;letter-spacing:-.11em}
.poster-lockup .title-about{font-size:1.03em;margin-left:16%;line-height:.73;z-index:4}
.poster-lockup .title-marketing{font-size:.79em;margin-left:1%;line-height:.8;z-index:5;letter-spacing:-.085em}
.hero-images{left:0;right:auto;top:auto;bottom:20px;width:37%;height:74%;z-index:1}
.hero-photo{background:none;box-shadow:none;padding:0;transform:none;overflow:hidden}
.hero-photo figcaption{font-family:'Barlow Condensed',sans-serif;font-size:10px;color:var(--ink);letter-spacing:.025em;padding-top:8px}
.hero-photo img{height:calc(100% - 25px)}
.photo-one{left:0;right:auto;top:auto;bottom:10%;height:78%;width:82%}
.photo-one img{object-position:65% center}
.photo-two{left:auto;right:0;top:auto;bottom:-1%;width:43%;height:48%;background:var(--paper);padding:6px 0 0 6px}
.hand-note{font-family:'Archivo',sans-serif;font-weight:800;font-style:normal;font-size:clamp(14px,1.5vw,24px);line-height:1.06;letter-spacing:-.045em;transform:none;left:0;right:auto;bottom:auto;top:-7%;max-width:65%;color:var(--ink)}
.billing{max-width:1050px;margin:22px auto 0;text-align:center;font:500 17px/1.2 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.015em}
.billing p{display:flex;align-items:baseline;justify-content:center;gap:7px;flex-wrap:wrap}.billing p+p{margin-top:4px}.billing span{font-size:.68em}.billing strong{font-weight:500}.billing p:first-child strong{font-size:1.12em}
.hero-bottom{margin-top:24px;padding:19px 0 13px;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid #18181826;font-size:11px}.hero-bottom>p{max-width:280px}.hero-footnote{margin-top:10px}.round-arrow{width:42px;height:42px}.round-link{font-size:11px}
.poem-start>span:first-child{font:900 30px/.95 'Archivo',Arial,sans-serif;letter-spacing:-.06em}.poem-start{padding-top:80px}
.verse-number{font-family:'Archivo Black',sans-serif;font-size:30px;letter-spacing:-.09em}.verse-number>span{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:0}.project-tag{font-family:'Barlow Condensed',sans-serif;font-size:16px;letter-spacing:.02em}.poem,.collage .poem,.wide .poem,.cinema .poem,.verse[data-verse="10"] .poem{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-stretch:100%;font-size:clamp(33px,3.5vw,66px);line-height:1.01;letter-spacing:-.065em}
.poem em{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-style:normal;font-size:1.09em;line-height:1.01;letter-spacing:-.065em;margin-top:9px;color:var(--red)}
.ink .poem em{color:#ff625b}.wide .poem,.cinema .poem{font-size:clamp(38px,4.8vw,92px)}.collage .poem{font-size:clamp(35px,3.9vw,72px)}.verse[data-verse="10"] .poem{font-size:clamp(33px,3.55vw,68px)}
.wide .poem-line:last-child{margin-left:7%;max-width:93%}.verse[data-verse="3"] .poem-line:last-child{margin-left:8%;max-width:92%}.verse[data-verse="5"] .poem-line:last-child{margin-left:5%;max-width:95%}
.verse-context{margin-top:30px}.lesson{font-size:13px;line-height:1.55}.text-link{font-family:'Barlow Condensed',sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.035em}.project-media figcaption{font:500 13px/1.3 'Barlow Condensed',sans-serif;opacity:.8;letter-spacing:.01em}.collage .media-1,.collage .media-2{transform:none;box-shadow:none}.collage .media-2{border:5px solid var(--ink)}
.ending-label{font:400 32px/1 'Archivo Black',sans-serif;letter-spacing:-.08em;color:#ff625b}.ending h2{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:clamp(34px,5.3vw,95px);line-height:.98;letter-spacing:-.065em}.confession{width:max-content;max-width:100%;font:900 clamp(31px,5vw,88px)/.99 'Archivo',Arial,sans-serif;letter-spacing:-.07em;text-align:left;margin-top:50px}.confession p+p{margin-top:12px}.confession p:nth-child(2){margin-left:3vw}.confession p:nth-child(3){margin-left:9vw;white-space:nowrap}.confession em{font-family:'Archivo',Arial,sans-serif;font-weight:900;font-style:normal;color:#ff625b}.signed{font-family:'Archivo Black',sans-serif;font-style:normal;color:#ff625b;transform:none;font-size:60px;letter-spacing:-.1em}.quote-credit{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.02em;opacity:.7}.signature{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:12px}
.contact h2{font-family:'Archivo',sans-serif;font-weight:900;color:var(--red);font-size:clamp(45px,7.8vw,138px);line-height:.96;letter-spacing:-.065em}.contact-top,.footer-line{font-family:'Barlow Condensed',sans-serif;font-size:13px;text-transform:uppercase}.contact-bottom>p{font-size:12px}
#dialog-title{font-family:'Archivo',sans-serif;font-weight:900;font-style:normal;letter-spacing:-.06em;line-height:1.05}.dialog-eyebrow,.dialog-meta{font-family:'Barlow Condensed',sans-serif;font-size:14px}.project-index strong{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-.04em}
html[lang=vi] .poem,html[lang=vi] .poem em{line-height:1.12;letter-spacing:-.055em}html[lang=vi] .ending h2{line-height:1.1}html[lang=vi] .confession{line-height:1.12;letter-spacing:-.055em}html[lang=vi] .contact h2{line-height:1.1}
.poem,.poem em,.ending h2,.confession{word-spacing:.09em}
.no-motion .poster-lockup>span{transform:none!important}
@media(min-width:1600px){.hero h1.poster-lockup{font-size:19cqw}.hero-composition{max-width:1280px}.hero-topline{max-width:1280px}}
@media(max-width:1000px){.hero{padding-top:105px}.hero-composition{grid-template-columns:27% 73%}.hero-images{width:34%;height:70%}.hero-title-wrap{padding-bottom:10px}.billing{font-size:15px}.hero-bottom{gap:25px}.poem,.verse[data-verse="10"] .poem{font-size:clamp(30px,4vw,49px)}.hand-note{top:-10%;font-size:16px}.header-name{display:none}}
@media(max-width:600px){.site-header{height:68px}.brand{font-size:29px}.hero{padding-top:92px;min-height:auto;padding-bottom:28px}.hero-topline{margin-bottom:35px}.hero-topline small{font-size:8px;letter-spacing:.04em}.hero-topline strong{font-size:14px;letter-spacing:-.045em}.hero-topline>span{gap:4px}.hero-composition{display:block;padding:0}.hero-title-wrap{width:100%;padding:0 0 20px}.hero h1.poster-lockup{font-size:20.5cqw;padding:0 0 12px;max-width:100%;width:100%}.poster-lockup .title-ten{margin-left:49%}.poster-lockup .title-things{margin-left:22%}.poster-lockup .title-hate{margin-left:0}.poster-lockup .title-about{margin-left:17%}.poster-lockup .title-marketing{margin-left:0;font-size:.79em}.hero-images{position:relative;height:230px;width:100%;left:auto;bottom:auto;top:auto;margin-top:15px}.photo-one{width:67%;height:100%;left:0;bottom:0}.photo-one img{object-position:65% 46%}.photo-two{width:37%;height:87%;bottom:0;right:0;padding-top:0}.hero-photo img{height:calc(100% - 22px)}.hero-photo figcaption{font-size:9px}.hand-note{left:72%;top:0;bottom:auto;font-size:12px;max-width:28%;letter-spacing:-.045em}.billing{font-size:14px;line-height:1.15;margin-top:23px;max-width:100%}.billing p{gap:3px 5px}.billing p:last-child strong{max-width:97%;font-size:12px;line-height:1.25}.billing span{font-size:9px}.hero-bottom{grid-template-columns:1fr 1fr;gap:14px;font-size:10px;margin-top:20px;padding-top:16px}.hero-bottom>p{max-width:180px}.hero-footnote{margin-top:6px}.round-link{font-size:10px}.round-arrow{width:36px;height:36px;font-size:20px}.poem-start{padding-top:50px}.poem-start>span:first-child{font-size:24px}.verse-heading{margin-bottom:32px}.verse-number{font-size:27px}.project-tag{font-size:14px}.poem,.collage .poem,.wide .poem,.cinema .poem,.verse[data-verse="10"] .poem{font-size:clamp(29px,8.2vw,44px);line-height:1.02;letter-spacing:-.065em}.poem em{font-size:1.06em;line-height:1.04;margin-top:10px}.verse-context{margin-top:23px}.lesson{font-size:12px}.text-link{font-size:13px}.project-media figcaption{font-size:12px}.wide .poem-line:last-child{margin-left:4%;max-width:96%}.collage .media-1{right:0}.collage .media-2{left:0;border-width:3px}.ending{padding-top:70px}.ending h2{font-size:clamp(30px,8.7vw,48px);line-height:1.02}.confession{font-size:clamp(24px,6.8vw,36px);line-height:1.08;margin-top:35px}.confession p:nth-child(2){margin-left:3vw}.confession p:nth-child(3){margin-left:7vw}.confession p+p{margin-top:14px}.quote-credit{font-size:11px;max-width:260px}.signed{font-size:53px}.contact h2{font-size:clamp(37px,10.7vw,61px);line-height:1.04}.contact-top,.footer-line{font-size:10px}.site-header nav{font-size:10px}.hero-images .photo-one img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.poster-lockup>span{transform:none!important}}