body.hatefi-project{--paper:#124734;--ink:#f7f5ee;background:#124734}body.hatefi-project header{background:#124734}body.hatefi-project #site-footer{background:transparent}.hatefi-case{--hf-green:#124734;--hf-gold:#d2ab67;--hf-paper:#f5f3ed;--hf-progress:0;background:var(--hf-paper);color:var(--hf-green);padding-top:65px;overflow:clip}.hatefi-case *{box-sizing:border-box}.hatefi-case h1,.hatefi-case h2,.hatefi-case p,.hatefi-case figure{margin:0}.hatefi-case h2{font-size:clamp(40px,5.8vw,90px);font-weight:300;line-height:1.05;letter-spacing:-.045em}.hatefi-case p{font-size:clamp(17px,1.45vw,22px);line-height:1.6}.hf-pad{padding:110px 6vw}.hf-overline,.hf-location,.hf-hero-meta,.hf-chapters,.hatefi-case figcaption{font-size:11px;line-height:1.6;letter-spacing:.045em}.hf-overline{display:block;margin-bottom:28px}.hf-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hf-progress{position:fixed;left:0;right:0;top:65px;height:2px;z-index:33;pointer-events:none}.hf-progress>span{display:block;height:100%;background:#d2ab67;transform:scaleX(var(--hf-progress));transform-origin:left}.hf-hero{min-height:calc(100svh - 65px);display:grid;grid-template-columns:43% 57%;position:relative}.hf-hero-meta{position:absolute;left:3vw;right:3vw;top:25px;display:flex;justify-content:space-between;gap:25px;z-index:2}.hf-hero-meta span:last-child{color:#f5f3ed}.hf-hero-brand{padding:110px 4vw 55px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:80px}.hf-hero-brand>img{width:220px;max-width:65%;height:auto}.hf-hero-brand>div{width:100%;max-width:330px}.hf-hero-brand p{font-size:clamp(30px,3vw,45px);line-height:1.15;letter-spacing:-.025em;font-weight:300}.hf-hero-brand button{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #12473440;width:100%;padding-top:20px;margin-top:30px;font-size:12px}.hf-hero-brand button span{font-size:26px}.hf-hero-art{position:relative;min-height:650px;background:#153d2c}.hf-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hf-chapters{position:sticky;top:65px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:17px 3vw;background:var(--hf-paper);border-bottom:1px solid #12473435;gap:25px}.hf-chapters>span{letter-spacing:.12em}.hf-chapters>div{display:flex;gap:40px}.hf-chapters button{font-size:11px;white-space:nowrap}.hf-chapters button[aria-current=location]{text-decoration:underline;text-underline-offset:6px}.hatefi-case section[id]{scroll-margin-top:15px}.hatefi-case a:focus-visible,.hatefi-case button:focus-visible{outline:2px solid #d2ab67;outline-offset:5px}.hf-intro{display:grid;grid-template-columns:25% 1fr;gap:35px}.hf-location{display:block;margin-top:45px;opacity:.55}.hf-intro h2{margin-bottom:45px}.hf-intro-copy{display:grid;grid-template-columns:1.45fr 1fr;gap:7vw}.hf-intro-copy dl{font-size:12px;line-height:1.7;margin:0}.hf-intro-copy dl>div{display:grid;grid-template-columns:75px 1fr;gap:20px;margin-bottom:20px}.hf-intro-copy dt{opacity:.55}.hf-intro-copy dd{margin:0}.hf-signature-study{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #12473425;border-bottom:1px solid #12473425;background:#fff}.hf-signature-image{display:grid;place-items:center;padding:90px 8vw;border-right:1px solid #12473425}.hf-signature-image img{width:100%;max-width:340px;height:auto}.hf-signature-copy{padding:85px 6vw;display:flex;flex-direction:column;align-items:start}.hf-signature-copy h2{font-size:clamp(36px,4vw,64px);margin-bottom:30px}.hf-signature-copy p{max-width:500px}.hf-signature-copy>img{width:190px;height:auto;margin-top:45px}.hf-section-head{display:flex;align-items:end;justify-content:space-between;gap:8vw;margin-bottom:55px}.hf-section-head>p{max-width:420px;flex:0 1 38%}.hf-patterns{background:#fff}.hf-pattern-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:35px}.hf-pattern-selector button{padding:9px 9px 13px;text-align:left;border:1px solid #12473425;position:relative}.hf-pattern-selector button[aria-selected=true]{border-color:#124734;box-shadow:inset 0 -2px #124734}.hf-pattern-selector img{width:100%;height:75px;object-fit:cover;display:block}.hf-pattern-selector span{font-size:10px;letter-spacing:.06em;display:block;margin-top:12px}.hf-construction{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #12473425;padding:10px 0 20px;gap:25px}.hf-construction .hf-overline{margin:0;white-space:nowrap}.hf-construction img{width:70%;max-width:760px;height:160px;object-fit:contain}.hf-pattern-canvas button{height:430px;border:1px solid #12473420}.hf-pattern-canvas img{height:100%;object-fit:cover}.hf-pattern-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:11px}.hf-pattern-bottom>div{display:flex;gap:10px}.hf-pattern-bottom button{width:45px;height:40px;border:1px solid #12473435;font-size:22px}.hf-figure>button{display:block;width:100%;padding:0;background:transparent;overflow:hidden}.hf-figure img{width:100%;height:auto;display:block;clip-path:inset(1.2px)}.hf-figure figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;opacity:.65}.hf-figure>button:hover{text-decoration:none}.hf-pattern-canvas img{height:100%;object-fit:cover}.hf-palette{display:grid;grid-template-columns:repeat(4,1fr)}.hf-palette>div{background:var(--hf-swatch);color:#f5f3ed;min-height:190px;display:flex;justify-content:space-between;flex-direction:column;padding:25px;font-size:11px}.hf-palette span:last-child{font-size:10px;opacity:.7}.hf-palette .hf-dark-text{color:#124734}.hf-paper{display:grid;grid-template-columns:1fr 1.3fr;gap:70px 6vw;align-items:center}.hf-paper-copy h2{font-size:clamp(38px,4.2vw,65px);margin-bottom:30px}.hf-paper-copy p{max-width:450px}.hf-paper-copy>img{width:140px;height:auto;margin-top:40px}.hf-paper-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px}.hf-motion{background:#fff}.hf-sound{border:1px solid #12473450;padding:12px 20px;border-radius:30px;font-size:12px;white-space:nowrap}.hf-motion video{display:block;width:100%;aspect-ratio:16/9;background:#fff;object-fit:contain}.hf-motion figcaption{padding-top:18px;opacity:.55}.hf-photography{background:#e9e8e1}.hf-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:0 5vw}.hf-photo-pair .hf-figure:nth-child(2){margin-top:130px}.hf-photo-pair img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.hf-objects{background:#124734;color:#f5f3ed}.hf-object-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 25px}.hf-object-light button{background:#e9e8e1}.hf-object-light img{aspect-ratio:1;object-fit:contain}.hf-object-wide{grid-column:1/-1}.hf-object-wide img{max-height:85svh;object-fit:contain}.hf-object-wide:first-of-type button{background:#205a41}.hf-editorial{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px 6vw}.hf-editorial h2{font-size:clamp(38px,4.6vw,72px)}.hf-editorial-posters{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 8vw}.hf-editorial-posters img{max-height:90svh;object-fit:contain}.hf-closing{background:#124734;color:#f5f3ed;text-align:center;padding-bottom:120px}.hf-closing>p{font-size:clamp(45px,7.5vw,115px);line-height:1.1;letter-spacing:-.04em;font-weight:300}.hf-closing>img{width:95px;height:auto;margin:55px 0}.hf-closing>div{display:flex;justify-content:space-between;text-align:left;font-size:15px;padding-top:25px;border-top:1px solid #ffffff40;gap:25px}.hatefi-case video:focus-visible{outline:2px solid #d2ab67}
@media(min-width:1600px){.hf-pad{padding-left:max(6vw,calc((100vw - 1400px)/2));padding-right:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:800px){.hf-pad{padding:65px 22px}.hatefi-case h2{font-size:43px}.hf-hero{grid-template-columns:1fr;min-height:0}.hf-hero-meta{top:20px;left:22px;right:22px;font-size:9px}.hf-hero-meta>span:first-child{max-width:125px}.hf-hero-meta span:last-child{color:#124734;text-align:right;max-width:110px}.hf-hero-brand{padding:100px 25px 40px;gap:45px}.hf-hero-brand>img{width:170px}.hf-hero-brand>div{max-width:330px}.hf-hero-brand p{font-size:31px}.hf-hero-brand button{font-size:11px;margin-top:20px;padding-top:15px}.hf-hero-art{min-height:420px}.hf-hero-art img{object-position:50% 45%}.hf-chapters{padding:14px 20px;overflow-x:auto}.hf-chapters>span{display:none}.hf-chapters>div{width:100%;justify-content:space-between;gap:20px}.hf-chapters button{font-size:10px}.hf-intro{grid-template-columns:1fr;gap:25px}.hf-intro .hf-overline{margin-bottom:10px}.hf-location{margin-top:0;font-size:10px}.hf-intro h2{margin-bottom:30px}.hf-intro-copy{grid-template-columns:1fr;gap:30px}.hf-intro-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.hf-intro-copy dl>div{display:block;margin:0}.hf-intro-copy dt{margin-bottom:5px}.hf-signature-study{grid-template-columns:1fr}.hf-signature-image{padding:55px 25px;border-right:0;border-bottom:1px solid #12473425}.hf-signature-image img{max-width:200px}.hf-signature-copy{padding:50px 22px}.hf-signature-copy h2{font-size:39px}.hf-signature-copy>img{width:150px;margin-top:30px}.hf-section-head{display:block;margin-bottom:35px}.hf-section-head>p{max-width:550px;margin-top:25px}.hf-pattern-selector{gap:6px;margin-bottom:20px}.hf-pattern-selector button{padding:5px 5px 10px}.hf-pattern-selector img{height:50px}.hf-pattern-selector span{font-size:8px;margin-top:8px;letter-spacing:0}.hf-construction{display:block;padding:20px 0}.hf-construction .hf-overline{font-size:10px}.hf-construction img{width:100%;height:100px}.hf-pattern-canvas button{height:270px}.hf-pattern-bottom{font-size:10px;gap:15px}.hf-pattern-bottom button{width:35px;height:35px;font-size:20px}.hf-palette{grid-template-columns:repeat(2,1fr)}.hf-palette>div{min-height:130px;padding:18px}.hf-paper{grid-template-columns:1fr;gap:35px}.hf-paper-copy h2{font-size:40px}.hf-paper-copy>img{width:120px;margin-top:30px}.hf-paper-pair{gap:12px}.hf-paper-pair figcaption{font-size:9px}.hf-motion .hf-sound{margin-top:25px;padding:10px 16px}.hf-motion video{width:calc(100% + 44px);margin-left:-22px}.hf-motion figcaption{font-size:10px}.hf-photo-pair{gap:15px;padding:0}.hf-photo-pair .hf-figure:nth-child(2){margin-top:65px}.hf-photo-pair figcaption{font-size:9px}.hf-object-grid{gap:30px 12px}.hf-object-grid figcaption{font-size:10px}.hf-editorial{grid-template-columns:1fr;gap:35px}.hf-editorial h2{font-size:43px}.hf-editorial-posters{padding:0;gap:15px}.hf-editorial-posters figcaption{font-size:9px}.hf-closing{padding-bottom:110px}.hf-closing>p{font-size:44px}.hf-closing>img{width:75px;margin:35px 0}.hf-closing>div{font-size:12px;gap:20px}.hf-overline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hatefi-case *{scroll-behavior:auto!important}}
.hf-craft{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:85px}.hf-craft>div{max-width:460px}.hf-craft h2{font-size:clamp(38px,4.7vw,70px);margin-bottom:30px}
@media(max-width:800px){.hf-craft{grid-template-columns:1fr;gap:35px;margin-top:55px}.hf-craft h2{font-size:40px}}