/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/themes/custom/boxraft2/fonts/Archivo-var.woff2) format('woff2');}
:root{--ink:#0b0a08;--carbon:#171511;--smoke:#2a2722;--bone:#efebe3;--ash:#9a948a;--brand-red:#cc0000;--signal:#ff2e1f;--font-sans:'Archivo','Helvetica Neue',Arial,sans-serif;--container:1360px;--gutter:clamp(1.25rem,4vw,3rem);--section-gap:clamp(6rem,12vw,10rem);--size-display:clamp(2.125rem,7vw,5.75rem);--size-title:clamp(2rem,4.2vw,3.5rem);--size-h3:clamp(1.25rem,2vw,1.5rem);--size-body:1.0625rem;}*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--font-sans);font-size:var(--size-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}img,video,iframe{max-width:100%;height:auto;}h1,h2,h3,h4{font-weight:700;line-height:1.1;margin:0 0 1rem;text-wrap:balance;}.t-display{font-size:var(--size-display);font-weight:860;font-stretch:116%;text-transform:uppercase;line-height:0.96;margin:0;}.t-title{font-size:var(--size-title);font-weight:830;font-stretch:112%;text-transform:uppercase;line-height:1;margin:0;}p{margin:0 0 1.25rem;}a{color:var(--bone);text-decoration:none;}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--brand-red);}.prose a:hover{color:#fff;}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;}::selection{background:var(--brand-red);color:#fff;}.btn{display:inline-flex;align-items:center;gap:0.625rem;padding:0.9rem 1.75rem;font-family:var(--font-sans);font-size:1rem;font-weight:640;line-height:1;cursor:pointer;border:1px solid transparent;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;}.btn-primary{background:var(--brand-red);color:#fff;}.btn-primary:hover{background:var(--signal);color:#fff;}.btn-ghost{border-color:var(--bone);color:var(--bone);background:transparent;}.btn-ghost:hover{background:var(--bone);color:var(--ink);}.btn .arrow{display:inline-block;transition:translate 0.2s ease;}.btn:hover .arrow{translate:4px 0;}.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}.section{margin-block:var(--section-gap);}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.75rem 2rem;border-bottom:1px solid var(--smoke);padding-bottom:1.25rem;margin-bottom:clamp(2rem,5vw,3.5rem);}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.local-tasks{display:flex;gap:1rem;padding:0.5rem var(--gutter);font-size:0.8125rem;}.local-tasks a{color:var(--ash);border-bottom:1px dashed var(--smoke);}.messages-wrap{max-width:var(--container);margin:1rem auto 0;padding-inline:var(--gutter);font-size:0.9375rem;}.messages-wrap .messages{border:1px solid var(--smoke);border-inline-start:3px solid var(--brand-red);background:var(--carbon);padding:0.875rem 1.25rem;margin-bottom:0.5rem;}
.site-header{position:fixed;inset:0 0 auto;z-index:60;transition:background-color 0.25s ease,border-color 0.25s ease;border-bottom:1px solid transparent;}.site-header.is-scrolled,.site-header.nav-open{background:rgba(11,10,8,0.92);backdrop-filter:blur(12px);border-bottom-color:var(--smoke);}.header-bar{max-width:var(--container);margin-inline:auto;padding:0.9rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem;}.site-logo{display:flex;align-items:center;}.site-logo img{display:block;height:40px;width:auto;}.footer-brand .site-logo{margin-bottom:1.25rem;}.site-nav{display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,2.25rem);}.site-nav a{font-weight:560;font-size:0.9375rem;color:var(--bone);padding-block:0.25rem;border-bottom:2px solid transparent;transition:border-color 0.15s ease,color 0.15s ease;}.site-nav a:hover{color:#fff;border-bottom-color:var(--smoke);}.site-nav a.is-active{border-bottom-color:var(--brand-red);}.site-nav .btn{padding:0.7rem 1.4rem;}.nav-toggle{display:none;position:relative;width:44px;height:40px;padding:0;background:none;border:1px solid var(--smoke);cursor:pointer;}.nav-toggle .bar{position:absolute;left:50%;width:22px;height:2px;margin-left:-11px;background:var(--bone);transition:top 0.22s ease,transform 0.22s ease,opacity 0.22s ease;}.nav-toggle .bar:nth-child(1){top:11px;}.nav-toggle .bar:nth-child(2){top:16px;}.nav-toggle .bar:nth-child(3){top:21px;}.nav-toggle .bar:nth-child(4){top:26px;}.site-header.nav-open .nav-toggle .bar:nth-child(1),.site-header.nav-open .nav-toggle .bar:nth-child(4){opacity:0;transform:scaleX(0);}.site-header.nav-open .nav-toggle .bar:nth-child(2),.site-header.nav-open .nav-toggle .bar:nth-child(3){top:19px;}.site-header.nav-open .nav-toggle .bar:nth-child(2){transform:rotate(45deg);}.site-header.nav-open .nav-toggle .bar:nth-child(3){transform:rotate(-45deg);}@media (max-width:860px){.nav-toggle{display:block;}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);border-bottom:3px solid var(--bone);padding:0.5rem var(--gutter) 1.5rem;}.site-header.nav-open .site-nav{display:flex;}.site-nav a{padding:0.9rem 0;border-bottom:1px solid var(--smoke);font-size:1.0625rem;}.site-nav .btn{margin-top:1.25rem;justify-content:center;}}.page-main{min-height:55vh;}.page-main.has-offset{padding-top:6.5rem;}.cta-band{background:var(--brand-red);color:#fff;margin-top:var(--section-gap);}.cta-band .inner{max-width:var(--container);margin-inline:auto;padding:clamp(4rem,9vw,7rem) var(--gutter);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem;align-items:center;}.cta-band h2{font-size:var(--size-title);font-weight:830;font-stretch:112%;text-transform:uppercase;line-height:0.98;margin:0;}.cta-band .cta-side{justify-self:end;text-align:right;max-width:34rem;}.cta-band p{color:rgba(255,255,255,0.82);margin-bottom:1.75rem;}.cta-band .btn{background:var(--ink);color:var(--bone);}.cta-band .btn:hover{background:#000;color:#fff;}@media (max-width:860px){.cta-band .inner{grid-template-columns:1fr;}.cta-band .cta-side{justify-self:start;text-align:left;}}.site-footer{border-top:1px solid var(--smoke);background:var(--ink);}.footer-grid{max-width:var(--container);margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) var(--gutter);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:3rem;}.footer-grid h3{font-size:1.0625rem;font-weight:700;margin-bottom:1rem;}.footer-grid p,.footer-grid a{color:var(--ash);font-size:0.9375rem;}.footer-grid a:hover{color:var(--bone);}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:0.55rem;}.footer-brand img{height:44px;width:auto;margin-bottom:1.25rem;}.footer-meta{border-top:1px solid var(--smoke);}.footer-meta .inner{max-width:var(--container);margin-inline:auto;padding:1.1rem var(--gutter);text-align:center;font-size:0.8125rem;color:var(--ash);}.contact-list li{display:flex;align-items:flex-start;gap:0.75rem;}.contact-list li a{display:flex;align-items:flex-start;gap:0.75rem;}.contact-list svg{flex-shrink:0;margin-top:0.2em;color:var(--brand-red);}.contact-list li,.contact-list li a,.contact-list span{color:var(--ash);}.contact-list li a:hover span{color:var(--bone);}.social-row{display:flex;gap:0.75rem;margin-top:1.5rem;}.social-row a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--smoke);color:var(--ash);transition:border-color 0.2s ease,color 0.2s ease;}.social-row a:hover{border-color:var(--bone);color:var(--bone);}.footer-meta a{color:var(--ash);}.footer-meta a:hover{color:var(--bone);}@media (max-width:860px){.footer-grid{grid-template-columns:1fr;gap:2.25rem;text-align:center;}.footer-brand .site-logo{justify-content:center;}.contact-list li,.contact-list li a{justify-content:center;}.social-row{justify-content:center;}}
.hero-frame{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;}.hero-frame .hero-media{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 35%;filter:saturate(0.82) contrast(1.05);}.hero-frame::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,10,8,0.55) 0%,rgba(11,10,8,0.15) 45%,rgba(11,10,8,0.88) 100%);}.hero-copy{position:relative;z-index:4;width:100%;max-width:var(--container);margin-inline:auto;padding:0 var(--gutter) clamp(5rem,12vh,8rem);}.hero-copy .t-display{max-width:13ch;}.hero-copy .lede{max-width:44ch;color:var(--ash);margin:1.5rem 0 2.25rem;font-size:clamp(1.0625rem,1.5vw,1.1875rem);}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;}.reel{display:grid;gap:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(2,minmax(0,1fr));}.reel > .is-feature{grid-column:1 / -1;}.clip{display:block;}.clip .frame{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--carbon);}.clip .frame img{position:absolute;inset:0;}.reel > .is-feature .frame{aspect-ratio:2.39 / 1;}.related-reel .reel > .is-feature,.uniform-reel .reel > .is-feature{grid-column:auto;}.related-reel .reel > .is-feature .frame,.uniform-reel .reel > .is-feature .frame{aspect-ratio:16 / 9;}.clip .frame img{width:100%;height:100%;object-fit:cover;filter:saturate(0.85);transition:scale 0.6s cubic-bezier(0.2,0.6,0.2,1),filter 0.4s ease;}.clip:hover .frame img,.clip:focus-visible .frame img{scale:1.03;filter:saturate(1);}.clip .frame .play{position:absolute;inset:auto auto 1rem 1rem;display:inline-flex;align-items:center;padding:0.55rem 0.75rem;background:rgba(11,10,8,0.78);opacity:0;translate:0 6px;transition:opacity 0.25s ease,translate 0.25s ease;}.clip:hover .frame .play,.clip:focus-visible .frame .play{opacity:1;translate:0 0;}.clip .frame .play::before{content:'';width:0;height:0;border-left:8px solid var(--signal);border-block:5px solid transparent;}.clip .slate{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.35rem 2rem;padding-top:0.9rem;border-top:1px solid var(--smoke);margin-top:0.9rem;transition:border-color 0.2s ease;}.clip:hover .slate{border-top-color:var(--brand-red);}.clip .slate h3{font-size:var(--size-h3);font-weight:700;margin:0;}@media (max-width:720px){.reel{grid-template-columns:1fr;}.reel > .is-feature .frame{aspect-ratio:16 / 9;}}.prose h2{font-size:clamp(1.375rem,2.4vw,1.75rem);margin-top:2.5rem;}.prose h3{font-size:1.1875rem;margin-top:2rem;}.prose ul,.prose ol{padding-left:1.25rem;}.prose li{margin-bottom:0.4rem;}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--smoke);border-left:1px solid var(--smoke);}.client-grid .cell{position:relative;border-right:1px solid var(--smoke);border-bottom:1px solid var(--smoke);aspect-ratio:21 / 9;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:hidden;}.client-grid img{position:absolute;inset:0;margin:auto;max-height:calc(55% - 22px);max-width:calc(72% - 28.8px);width:auto;object-fit:contain;opacity:0.62;filter:grayscale(1) brightness(1.6);transition:opacity 0.25s ease,filter 0.25s ease;}.client-grid .cell:hover img{opacity:1;filter:grayscale(0) brightness(1.1);}.client-grid .cell.dark-logo img{filter:grayscale(1) invert(1) brightness(1.5);}.client-grid .cell.dark-logo:hover img{opacity:1;filter:none;}.client-grid .cell.mixed img{filter:grayscale(1) brightness(2.4);}.client-grid .cell.mixed:hover img{opacity:1;filter:none;}.client-grid .cell.sm img{max-height:calc(42% - 16.8px);max-width:calc(56% - 22.4px);}.client-grid .cell.md img{max-height:calc(64% - 25.6px);}.client-grid .cell.lg img{max-height:calc(76% - 30.4px);}.client-grid .split-wrap{position:absolute;inset:0;margin:auto;display:block;height:calc(52% - 20.8px);max-width:calc(72% - 28.8px);}.client-grid .cell.tallsplit .split-wrap{height:calc(80% - 32px);}.client-grid .cell.tall .split-wrap{height:calc(88% - 35.2px);}.client-grid .cell.dark-logo.stay:hover img{opacity:1;filter:grayscale(1) invert(1) brightness(1.9);}.client-grid .cell.flat img{filter:brightness(0) invert(0.78);}.client-grid .cell.flat:hover img{opacity:1;filter:none;}.client-grid .split-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;}.client-grid .cell.split:hover img{opacity:1;}.client-grid .cell.split:hover .part-color{filter:none;}.client-grid .cell.split:hover .part-text{filter:grayscale(1) invert(1) brightness(2);}.client-grid .cell.tall img{max-height:calc(88% - 35.2px);}.client-grid .cell-word{font-weight:800;font-stretch:114%;text-transform:uppercase;font-size:1.25rem;color:var(--ash);opacity:0.85;}@media (max-width:1000px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (max-width:560px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.client-grid .cell{padding:0.625rem;}.client-grid img{max-height:calc(55% - 11px);max-width:calc(72% - 14.4px);}.client-grid .cell.sm img{max-height:calc(42% - 8.4px);max-width:calc(56% - 11.2px);}.client-grid .cell.md img{max-height:calc(64% - 12.8px);}.client-grid .cell.lg img{max-height:calc(76% - 15.2px);}.client-grid .cell.tall img{max-height:calc(88% - 17.6px);}.client-grid .split-wrap{height:calc(52% - 10.4px);max-width:calc(72% - 14.4px);}.client-grid .cell.tallsplit .split-wrap{height:calc(80% - 16px);}.client-grid .cell.tall .split-wrap{height:calc(100% - 20px);}}.view-careers .views-row{border-top:1px solid var(--smoke);}.view-careers .views-row:first-child{border-top:0;}.view-careers .views-row:last-child{border-bottom:1px solid var(--smoke);}.view-careers .views-row a{display:block;padding:1.75rem 0.25rem;font-size:clamp(1.375rem,2.6vw,2rem);font-weight:760;font-stretch:110%;text-transform:uppercase;transition:color 0.15s ease,padding-left 0.2s ease;}.view-careers .views-row a:hover{color:#fff;padding-left:0.9rem;}
.acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);}.act{border:1px solid var(--smoke);background:var(--carbon);padding:clamp(1.75rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1.1rem;}.act h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:830;font-stretch:114%;text-transform:uppercase;margin:0;}.act p{color:var(--ash);margin:0;flex-grow:1;}.act ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--smoke);}.act li{padding:0.6rem 0;border-bottom:1px solid var(--smoke);font-size:0.9375rem;}@media (max-width:900px){.acts{grid-template-columns:1fr;}}.about-band{max-width:56rem;}.about-band .big-line{font-size:clamp(1.375rem,2.6vw,2rem);font-weight:640;line-height:1.35;margin-bottom:1.5rem;}.about-band .big-line em{font-style:normal;color:var(--signal);}.showcase{border:1px solid var(--smoke);background:var(--carbon);padding:clamp(2rem,5vw,3.5rem);}.showcase-intro{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;margin-bottom:clamp(2rem,4vw,3rem);}.showcase-logo{height:52px;width:auto;}.showcase-intro p{color:var(--ash);margin:0;flex:1 1 24rem;}.showcase-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);}.showcase-stats .stat{border-top:1px solid var(--smoke);padding-top:1.25rem;}.showcase-stats .stat svg{display:block;color:var(--brand-red);margin-bottom:0.9rem;}.showcase-stats strong{display:block;font-size:clamp(1.875rem,3.2vw,2.75rem);font-weight:860;font-stretch:114%;line-height:1;color:var(--bone);margin-bottom:0.5rem;}.showcase-stats span{color:var(--ash);font-size:0.9375rem;}@media (max-width:1000px){.showcase-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:520px){.showcase-stats{grid-template-columns:1fr;}}.page-head{padding-top:clamp(2.5rem,6vw,4.5rem);border-bottom:1px solid var(--smoke);padding-bottom:1.5rem;margin-bottom:clamp(2.5rem,6vw,4rem);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 2rem;}.film-player{position:relative;aspect-ratio:16 / 9;background:var(--carbon);margin-bottom:1rem;}.film-player iframe,.film-player img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;}.film-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.5rem 2rem;border-bottom:1px solid var(--smoke);padding-bottom:1rem;margin-bottom:2rem;}.film-body{max-width:70ch;color:var(--ash);}.film-stats{margin:clamp(2rem,5vw,3.5rem) 0;}.view-id-portfolio.view-display-id-block_2{max-width:var(--container);margin:var(--section-gap) auto 0;padding-inline:var(--gutter);}.careers-body{max-width:70ch;}.careers-body .prose{color:var(--ash);}.node-body .section-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;margin:0 calc(-1 * var(--gutter)) clamp(2.5rem,6vw,4rem);padding:clamp(4rem,9vh,6rem) var(--gutter) clamp(2.5rem,6vh,4rem);background-size:cover;background-position:center;isolation:isolate;}.node-body .section-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,10,8,0.5),rgba(11,10,8,0.9));}.node-body .section-hero.studio{background-image:url(/themes/custom/boxraft2/images/The-Studio.jpg);}.node-body .section-hero .title{font-size:var(--size-title);font-weight:830;font-stretch:112%;text-transform:uppercase;line-height:1;max-width:20ch;}.node-body .section-hero .subtitle{color:var(--ash);max-width:52ch;}.node-body .section-hero .button,.node-body .button.button-cta-secondary,.node-body .button.button-cta-main{display:inline-flex;padding:0.8rem 1.5rem;border:1px solid var(--bone);font-weight:640;margin-top:1rem;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;}.node-body .section-hero .button:hover,.node-body .button:hover{background:var(--bone);color:var(--ink);}.node-body .section-studio-display,.node-body .section-features{margin-block:var(--section-gap);}.node-body .section-studio-display .top-image{aspect-ratio:21 / 9;background:var(--carbon) url(/themes/custom/boxraft2/images/The-Boxraft-Studio-01.jpg) center / cover no-repeat;}.node-body .section-features h2,.node-body .container-title h2{font-size:var(--size-title);font-weight:830;font-stretch:112%;text-transform:uppercase;line-height:1;margin-bottom:clamp(1.75rem,4vw,2.75rem);}.node-body .features-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}.node-body .feature-card{border:1px solid var(--smoke);background:var(--carbon);padding:1.75rem;}.node-body .feature-card .inner{display:flex;align-items:flex-start;gap:1.25rem;}.node-body .feature-card .icon-box{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:1px solid var(--smoke);color:var(--brand-red);}.node-body .feature-card .icon-box span{display:flex;}.node-body .feature-card .icon-box svg{width:26px;height:26px;fill:currentColor;}.node-body .feature-card h3{margin:0 0 0.5rem;font-size:1.125rem;}.node-body .feature-card p{margin:0;color:var(--ash);}@media (max-width:860px){.node-body .features-container{grid-template-columns:1fr;}}.node-body .about-rows{padding-top:0.5rem;}.node-body .about-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem 4rem;padding-block:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--smoke);}.node-body .about-row:first-child{border-top:0;padding-top:0;}.node-body .about-row h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:830;font-stretch:112%;text-transform:uppercase;line-height:1;margin:0;}.node-body .about-row .big-line{font-size:clamp(1.375rem,2.6vw,2rem);font-weight:640;line-height:1.35;color:var(--bone);margin:0 0 1.25rem;}.node-body .about-row p{color:var(--ash);}.node-body .ruled{list-style:none;margin:0;padding:0;}.node-body .ruled li{padding:0.8rem 0;border-bottom:1px solid var(--smoke);font-size:1.0625rem;font-weight:560;margin:0;}.services-index .act ul{padding-left:0;}.services-index .act li{margin-bottom:0;}@media (max-width:860px){.node-body .about-row{grid-template-columns:1fr;}}