@font-face{font-family:SoR Wide;src:url(//sonofrand.com/cdn/shop/t/52/assets/sor-wide-700.woff2?v=173151589367947651481791388409) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"SoR Serif";src:url(//sonofrand.com/cdn/shop/t/52/assets/sor-text-400.woff2?v=137511811866070987011791388408) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"SoR Serif";src:url(//sonofrand.com/cdn/shop/t/52/assets/sor-text-400i.woff2?v=9162173290984355891791388408) format("woff2");font-weight:400;font-style:italic;font-display:swap}.sor-work,.sor-project{letter-spacing:normal;text-rendering:optimizeLegibility;font-kerning:normal;--sw-wide: var(--sorh-wide, "SoR Wide", "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif);--sw-serif: var(--sorh-serif, "SoR Serif", "Libre Caslon Text", "Adobe Caslon Pro", Georgia, "Times New Roman", serif);--sw-display: var(--sorh-display, "bd-supper", "Outfit", "Poppins", sans-serif);--sw-text: var(--sorh-text, "Strawford", "Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif);--sw-paper: var(--sorh-paper, #F6F3EA);--sw-ink: var(--sorh-ink, #2D190B);--sw-grey: var(--sorh-grey, #8A7566);--sw-rule: var(--sorh-rule, #E4DACB);--sw-accent: var(--sorh-accent, #296D4C);--sw-blank: #E8E0D2;--sw-shade: 45, 25, 11;--sw-label: 12px;--sw-gutter: clamp(18px, 1.5vw, 34px);--sw-gap: clamp(12px, .9vw, 20px);--sw-col: calc((100% - 23 * var(--sw-gap)) / 24);--sw-section: clamp(56px, 8vw, 120px);--sw-ease: cubic-bezier(.2,.7,.2,1);--sw-header: 88px;--sw-bottom: 104px;--sw-ratio: 4 / 5;--sw-cols: 3;background:var(--sw-paper);color:var(--sw-ink);font-family:var(--sw-text)!important;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}@media(max-width:767px){.sor-work,.sor-project{--sw-header: 75px;--sw-bottom: 80px}}.sor-work.sor-work-first{padding-top:calc(var(--sw-header) + clamp(32px,4vw,56px))}.sor-work.sor-work-last{padding-bottom:calc(var(--sw-section) + var(--sw-bottom))}.sor-project.sor-work-first{padding-top:calc(var(--sw-header) - var(--sorh-scallop-d, 20px))}.sor-project.sor-work-last{padding-bottom:calc(var(--sw-section) + var(--sw-bottom))}.sor-work *,.sor-work *:before,.sor-work *:after,.sor-project *,.sor-project *:before,.sor-project *:after{box-sizing:border-box}.sor-work a,.sor-project a{color:inherit;text-decoration:none}.sor-work a:focus-visible,.sor-work button:focus-visible,.sor-project a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sor-work img,.sor-project img{display:block;max-width:100%;height:auto}.sor-work p,.sor-project p{margin:0}.sor-work h1,.sor-work h2,.sor-work p,.sor-work a,.sor-work span,.sor-work li,.sor-work button,.sor-work figcaption,.sor-project h1,.sor-project h2,.sor-project h3,.sor-project p,.sor-project a,.sor-project span,.sor-project li,.sor-project dt,.sor-project dd,.sor-project figcaption{font-family:inherit}.sor-work h1,.sor-work h2,.sor-project h1,.sor-project h2,.sor-project h3{margin:0;font-weight:400;color:inherit;letter-spacing:0;text-transform:none}.sor-work ul,.sor-project ul{list-style:none;margin:0;padding:0}.sor-work .sor-work-lbl,.sor-project .sor-work-lbl{font-family:var(--sw-wide)!important;font-weight:700;font-size:var(--sw-label);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;margin:0;color:var(--sw-ink)}.sor-work .sor-work-cap,.sor-project .sor-work-cap{font-family:var(--sw-text)!important;font-size:13px;line-height:1.4;color:var(--sw-grey);margin:0}.sor-work .sor-work-statement{font-family:var(--sw-serif)!important;font-style:italic;font-size:clamp(22px,2.4vw,32px);line-height:1.25;letter-spacing:-.005em;max-width:30em;text-wrap:balance}.sor-work{padding-inline:var(--sw-gutter);padding-bottom:var(--sw-section)}.sor-work .sor-work-head{display:grid;gap:14px;padding-bottom:clamp(24px,3vw,40px)}.sor-work .sor-work-filter{display:flex;flex-wrap:wrap;gap:8px 28px;padding-bottom:14px;border-bottom:1px solid var(--sw-rule);margin-bottom:clamp(28px,3.5vw,48px)}.sor-work .sor-work-chip{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 0 3px;margin:0;cursor:pointer;font-family:var(--sw-wide)!important;font-weight:700;font-size:var(--sw-label);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:var(--sw-ink);border-bottom:1px solid transparent;transition:color .3s var(--sw-ease),border-color .3s var(--sw-ease)}.sor-work .sor-work-chip:hover{color:var(--sw-accent)}.sor-work .sor-work-chip[aria-pressed=true]{border-bottom-color:currentColor}.sor-work .sor-work-grid{display:grid;grid-template-columns:repeat(var(--sw-cols),minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(16px,2vw,28px)}.sor-work .sor-work-card[hidden]{display:none}.sor-work .sor-work-card>a{display:grid;gap:12px;align-content:start}.sor-work .sor-work-media{position:relative;overflow:hidden;aspect-ratio:var(--sw-ratio);background:var(--sw-blank);margin:0}.sor-work .sor-work-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--sw-ease)}.sor-work .sor-work-card:hover .sor-work-media img{transform:scale(1.04)}.sor-work .sor-work-blank{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.06em;color:var(--sw-grey)}.sor-work .sor-work-card .sor-work-lbl{margin-top:2px;transition:color .3s var(--sw-ease)}.sor-work .sor-work-card:hover .sor-work-lbl{color:var(--sw-accent)}.sor-work .sor-work-card .sor-work-cap{font-size:14px;color:var(--sw-ink)}.sor-work .sor-work-none{padding-block:var(--sw-section);text-align:center;color:var(--sw-grey)}.sor-work .sor-work-none[hidden]{display:none}@media(max-width:960px){.sor-work .sor-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sor-work .sor-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.sor-work .sor-work-card .sor-work-cap{font-size:13px}}@media(max-width:640px){.sor-work .sor-work-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0 22px;padding-bottom:12px;margin-inline:calc(-1 * var(--sw-gutter, 16px));padding-inline:var(--sw-gutter, 16px)}.sor-work .sor-work-filter::-webkit-scrollbar{display:none}.sor-work .sor-work-filter>*{flex:0 0 auto;white-space:nowrap}}.sor-project .sor-project-in{padding-inline:var(--sw-gutter)}.sor-project .sor-project-hero{position:relative;overflow:hidden;height:clamp(360px,var(--sw-hero, 72vh),900px);background:var(--sw-blank);color:#fff}.sor-project .sor-project-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.sor-project .sor-project-hero--text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--sw-shade),.55),rgba(var(--sw-shade),.18) 45%,rgba(var(--sw-shade),.1));pointer-events:none}.sor-project .sor-project-hero-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:var(--sw-gutter)}.sor-project .sor-project-title{font-family:var(--sw-wide)!important;font-weight:700;font-size:clamp(22px,3.6vw,44px);line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-wrap:balance;text-shadow:0 1px 24px rgba(var(--sw-shade),.25)}.sor-project .sor-project-meta{font-family:var(--sw-text)!important;font-size:15px;color:#ffffffe6}@media(max-width:767px){.sor-project .sor-project-hero{height:clamp(300px,56vh,620px)}}.sor-project .sor-project-intro{display:block;padding-block:clamp(40px,5vw,72px) calc(var(--sw-section) * .6)}.sor-project .sor-project-head{display:grid;justify-items:center;text-align:center;gap:12px;margin:0 auto clamp(40px,5vw,72px);width:calc(20 * var(--sw-col) + 19 * var(--sw-gap))}.sor-project .sor-project-eyebrow{color:var(--sw-grey);margin-bottom:2px}.sor-project .sor-project-heading{font-family:var(--sw-display)!important;font-weight:400;font-size:clamp(28px,2.9vw,44px);line-height:1.05;letter-spacing:-.01em;text-wrap:balance;margin:0;max-width:100%}.sor-project .sor-project-summary{font-family:var(--sw-serif)!important;font-style:italic;font-size:clamp(17px,1.35vw,21px);line-height:1.4;letter-spacing:0;max-width:44em;text-wrap:balance}.sor-project .sor-project-overview{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:var(--sw-gap);align-items:start;border-top:1px solid var(--sw-rule);padding-top:clamp(20px,2.5vw,36px)}.sor-project .sor-project-overview-lbl{grid-column:1 / span 8;color:var(--sw-ink)}.sor-project .sor-project-statement{grid-column:9 / span 12;display:grid;gap:20px;max-width:none}.sor-project .sor-project-body{font-size:clamp(15px,1.1vw,17px);line-height:1.6;color:var(--sw-ink);max-width:40em}.sor-project .sor-project-body p,.sor-project .sor-project-body li,.sor-project .sor-project-credits-more p{font-family:var(--sw-text)!important;font-size:inherit;color:inherit;letter-spacing:.01em}.sor-project .sor-project-body ul,.sor-project .sor-project-body ol{margin:0 0 1em;padding-left:1.1em;list-style:disc}.sor-project .sor-project-body ol{list-style:decimal}.sor-project .sor-project-body li{margin:0 0 .35em}.sor-project .sor-project-body em{font-family:var(--sw-serif)!important;font-style:italic;font-size:1.06em}.sor-project .sor-project-body p{margin:0 0 1em}.sor-project .sor-project-body p:last-child{margin-bottom:0}.sor-project .sor-project-body h2,.sor-project .sor-project-body h3{font-family:var(--sw-display)!important;font-weight:400;font-size:22px;line-height:1.25;letter-spacing:0;margin:1.6em 0 .5em}.sor-project .sor-project-body>h2:first-child,.sor-project .sor-project-body>h3:first-child{margin-top:0}.sor-project .sor-project-body a{font-style:italic;text-decoration:underline;text-underline-offset:3px}.sor-project .sor-project-body a:hover{color:var(--sw-accent)}.sor-project .sor-project-credits{margin:0;display:flex;flex-wrap:wrap;gap:14px 40px;font-size:14px;line-height:1.45;padding-bottom:20px;border-bottom:1px solid var(--sw-rule)}.sor-project .sor-project-fact{display:grid;gap:3px}.sor-project .sor-project-fact--wide{flex-basis:100%}.sor-project .sor-project-credits dt{font-family:var(--sw-wide)!important;font-weight:700;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--sw-grey);margin:0}.sor-project .sor-project-credits dd{margin:0;color:var(--sw-ink);font-family:var(--sw-text)!important;font-size:15px}.sor-project .sor-project-credits-more{flex-basis:100%;margin-top:4px;font-size:14px;color:var(--sw-grey)}.sor-project .sor-project-credits-more p{margin:0 0 .35em;color:var(--sw-grey)}@media(min-width:768px)and (max-width:1023px){.sor-project .sor-project-overview-lbl{grid-column:1 / span 5}.sor-project .sor-project-statement{grid-column:6 / span 19}.sor-project .sor-project-head{width:auto}}@media(max-width:767px){.sor-project .sor-project-head{width:auto;gap:10px}.sor-project .sor-project-overview{grid-template-columns:1fr;row-gap:14px}.sor-project .sor-project-overview-lbl,.sor-project .sor-project-statement{grid-column:auto}.sor-project .sor-project-heading{font-size:clamp(28px,8vw,36px)}}.sor-project .sor-project-gallery{display:grid;gap:clamp(32px,4vw,56px);padding-bottom:calc(var(--sw-section) * .4)}.sor-project .sor-project-two{--sw-pair: var(--sw-ratio);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sw-gap);padding-inline:var(--sw-gutter);align-items:start}.sor-project .sor-project-two.is-tall{max-width:min(70%,880px);width:100%;justify-self:center;padding-inline:0}.sor-project .sor-project-gallery figure{margin:0;display:grid;gap:10px}.sor-project .sor-project-frame{position:relative;overflow:hidden;background:var(--sw-blank)}.sor-project .sor-project-two .sor-project-frame{aspect-ratio:var(--sw-pair)}.sor-project .sor-project-full .sor-project-frame{aspect-ratio:16 / 10;margin-inline:auto;width:100%}.sor-project .sor-project-single{max-width:min(62%,720px);width:100%;justify-self:center;padding-inline:0}.sor-project .sor-project-frame--natural{background:transparent}.sor-project .sor-project-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.1s var(--sw-ease)}.sor-project .sor-project-gallery figure:hover .sor-project-frame img{transform:scale(1.04)}.sor-project .sor-project-full figcaption{padding-inline:var(--sw-gutter)}.sor-project .sor-project-gallery-empty{padding-block:0 calc(var(--sw-section) * .4);color:var(--sw-grey);font-size:14px}@media(max-width:767px){.sor-project .sor-project-two.is-tall,.sor-project .sor-project-single{max-width:100%;padding-inline:var(--sw-gutter)}}@media(max-width:560px){.sor-project .sor-project-two{gap:12px}.sor-project .sor-project-gallery{gap:24px}}.sor-project .sor-project-next{display:grid;justify-items:center;text-align:center;gap:10px;padding-block:calc(var(--sw-section) * .5) calc(var(--sw-section) * .7);margin-inline:var(--sw-gutter)}.sor-project .sor-project-next-title{font-family:var(--sw-display)!important;font-weight:400;font-size:clamp(22px,2.4vw,32px);line-height:1.1;letter-spacing:0;text-transform:none;color:var(--sw-ink);transition:color .3s var(--sw-ease)}.sor-project .sor-project-next-title:hover{color:var(--sw-accent)}.sor-project .sor-project-all{font-family:var(--sw-serif)!important;font-style:italic;font-size:15px;color:var(--sw-ink);border-bottom:1px solid transparent;transition:color .3s var(--sw-ease)}.sor-project .sor-project-all:hover{color:var(--sw-accent)}.sor-work-js .sor-work .sor-work-reveal,.sor-work-js .sor-project .sor-work-reveal{opacity:0;transform:translateY(16px);transition:opacity .9s var(--sw-ease),transform .9s var(--sw-ease)}.sor-work-js .sor-work .sor-work-reveal.sor-work-in,.sor-work-js .sor-project .sor-work-reveal.sor-work-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.sor-work .sor-work-media img,.sor-project .sor-project-frame img,.sor-work .sor-work-reveal,.sor-project .sor-work-reveal{transition:none}.sor-work-js .sor-work .sor-work-reveal,.sor-work-js .sor-project .sor-work-reveal{opacity:1;transform:none}.sor-work .sor-work-card:hover .sor-work-media img,.sor-project .sor-project-gallery figure:hover .sor-project-frame img{transform:none}}.sor-work .sor-work-more-wrap{margin:clamp(28px,4vw,48px) 0 0;text-align:center}.sor-work .sor-work-more{display:inline-block;font-family:var(--sw-serif)!important;font-style:italic;font-size:16px;color:var(--sw-ink);border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .3s var(--sw-ease)}.sor-work .sor-work-more:hover{color:var(--sw-accent)}.sor-project .sor-project-links{list-style:none;margin:1.4em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}.sor-project .sor-project-links a{font-family:var(--sw-serif)!important;font-style:italic;font-size:16px;color:var(--sw-ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .3s var(--sw-ease)}.sor-project .sor-project-links a:hover{color:var(--sw-accent)}.sor-project .sor-project-film{padding:0 0 calc(var(--sw-section) * .6)}.sor-project .sor-project-film-frame{position:relative;aspect-ratio:16 / 9;background:#1a1411;overflow:hidden}.sor-project .sor-project-film-frame iframe,.sor-project .sor-project-film-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.sor-project .sor-project-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0;margin:clamp(24px,3vw,48px) 0 0;max-width:none}.sor-project .sor-project-films .sor-project-film-frame{position:relative;aspect-ratio:var(--sor-film-ratio, 16 / 9);background:#111;overflow:hidden}.sor-project .sor-project-films .sor-project-film-frame--wide{grid-column:1 / -1}.sor-project .sor-project-films video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#111}@media(max-width:767px){.sor-project .sor-project-films{grid-template-columns:1fr;gap:12px}}.sor-project .sor-project-rail{position:relative;--sw-rail-h: clamp(380px, 62vh, 760px);padding-bottom:calc(var(--sw-section) * .4)}.sor-project .sor-project-rail-track{list-style:none;margin:0;padding:0 var(--sw-gutter);display:flex;flex-wrap:nowrap;gap:var(--sw-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sw-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sor-project .sor-project-rail-track::-webkit-scrollbar{display:none}.sor-project .sor-project-rail-item{flex:0 0 auto;width:calc(var(--sw-rail-h) * var(--sw-r, 1));max-width:calc(100vw - 2 * var(--sw-gutter));scroll-snap-align:start}.sor-project .sor-project-rail-item figure{margin:0;display:grid;gap:10px}.sor-project .sor-project-rail-item .sor-project-frame{height:var(--sw-rail-h);aspect-ratio:auto}.sor-project .sor-project-rail-arrow{position:absolute;top:calc(var(--sw-rail-h) / 2 - 22px);z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid var(--sw-rule);background:var(--sw-paper);color:var(--sw-ink);font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;transition:opacity .3s var(--sw-ease),border-color .3s var(--sw-ease)}.sor-project .sor-project-rail-arrow:hover{border-color:var(--sw-ink)}.sor-project .sor-project-rail-arrow--prev{left:calc(var(--sw-gutter) - 10px)}.sor-project .sor-project-rail-arrow--next{right:calc(var(--sw-gutter) - 10px)}.sor-project .sor-project-rail.at-start .sor-project-rail-arrow--prev,.sor-project .sor-project-rail.at-end .sor-project-rail-arrow--next,.sor-project .sor-project-rail.no-scroll .sor-project-rail-arrow{opacity:0;pointer-events:none}.sor-project .sor-project-rail-item figure:hover .sor-project-frame img{transform:scale(1.04)}@media(max-width:767px){.sor-project .sor-project-rail{--sw-rail-h: clamp(300px, 56vh, 480px)}.sor-project .sor-project-rail-arrow{display:none}}.sor-project .sor-project-chapter{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:var(--sw-gap);align-items:start;padding-block:clamp(32px,4.5vw,72px)}.sor-project .sor-project-chapter-head{grid-column:1 / span 8}.sor-project .sor-project-chapter-body{grid-column:9 / span 12;max-width:40em}.sor-project .sor-project-chapter--a .sor-project-chapter-body{font-size:clamp(16px,1.3vw,20px);line-height:1.5}.sor-project .sor-project-chapter--b .sor-project-chapter-head{grid-column:13 / span 11;grid-row:1}.sor-project .sor-project-chapter--b .sor-project-chapter-body{grid-column:13 / span 11;grid-row:2;max-width:36em}.sor-project .sor-project-chapter-head h2,.sor-project .sor-project-chapter-head h3{font-family:var(--sw-wide)!important;font-weight:700;font-size:var(--sw-label);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:var(--sw-ink);margin:0 0 14px}.sor-project .sor-project-chapter-head:empty{display:none}.sor-project .sor-project-gallery--between{padding-bottom:0}.sor-project .sor-project-gallery+.sor-project-chapter{padding-top:clamp(32px,4.5vw,72px)}@media(max-width:767px){.sor-project .sor-project-chapter{grid-template-columns:1fr;row-gap:12px;padding-block:28px}.sor-project .sor-project-chapter-head,.sor-project .sor-project-chapter-body,.sor-project .sor-project-chapter--b .sor-project-chapter-head,.sor-project .sor-project-chapter--b .sor-project-chapter-body{grid-column:auto;grid-row:auto}.sor-project .sor-project-films{gap:2px}}@media(max-width:767px){.sor-project .sor-project-gallery{gap:0}.sor-project .sor-project-two,.sor-project .sor-project-two.is-tall{gap:0;padding-inline:0;max-width:100%}.sor-project .sor-project-single{max-width:100%;padding-inline:0}.sor-project .sor-project-gallery figure{gap:0}.sor-project .sor-project-gallery figcaption{padding:8px var(--sw-gutter) 10px}.sor-project .sor-project-films{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/sor-work.css.map */