@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.custom-cursor{cursor:none}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}ul,ol{list-style:none}.container{width:100%;max-width:120rem;margin:0 auto;padding:0 2.4rem}:root{--color-bg: #000000;--color-text: #ffffff;--color-text-light: rgba(255, 255, 255, .7);--color-accent: #ff3d00;--color-accent-2: #53003a;--color-border: rgba(255, 255, 255, .1);--space-1: .8rem;--space-2: 1.6rem;--space-3: 2.4rem;--space-4: 3.2rem;--space-5: 4rem;--space-6: 4.8rem;--space-7: 5.6rem;--space-8: 6.4rem;--space-9: 7.2rem;--space-10: 8rem;--font-family-primary: "proxima-nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "din-condensed", "DIN Condensed", Impact, "Arial Narrow", sans-serif;--font-light: 300;--font-regular: 400;--font-semibold: 600;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--z-below: -1;--z-normal: 1;--z-above: 10;--z-header: 100;--z-modal: 1000;--z-cursor: 9999}@font-face{font-family:DIN Condensed;src:local("DIN Condensed");font-weight:400;font-style:normal;font-display:swap}.hero__title,.section-title,.work-item__title,.project__title{font-variation-settings:"wght" 400;-webkit-font-feature-settings:"wght" 400}html{font-size:62.5%}body{font-family:var(--font-family-primary);font-size:1.6rem;font-weight:var(--font-regular);line-height:1.5;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);line-height:1.2;font-weight:var(--font-semibold);margin-bottom:var(--space-3)}h1{font-size:clamp(4.2rem,5vw,7.2rem)}h2{font-size:clamp(3.2rem,4vw,4.8rem)}h3{font-size:clamp(2.4rem,3vw,3.2rem)}h4{font-size:clamp(2rem,2.5vw,2.4rem)}.about__text h1,.project__description h1,.project__details h1{font-family:var(--font-family-display);font-size:2.8rem;font-weight:400;margin-top:var(--space-4);margin-bottom:var(--space-2);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text)}.about__text h2,.project__description h2,.project__details h2{font-family:var(--font-family-primary);font-size:1.8rem;font-style:italic;font-weight:var(--font-regular);margin-top:var(--space-3);margin-bottom:var(--space-2);color:var(--color-text)}.about__text>h1:first-child,.about__text>h2:first-child,.project__description>h1:first-child,.project__description>h2:first-child,.project__details>h1:first-child,.project__details>h2:first-child{margin-top:0}.about__text ul,.about__text ol,.project__description ul,.project__description ol,.project__details ul,.project__details ol{margin-bottom:var(--space-3);padding-left:var(--space-4)}.about__text ul li,.about__text ol li,.project__description ul li,.project__description ol li,.project__details ul li,.project__details ol li{margin-bottom:var(--space-1)}.about__text blockquote,.project__description blockquote,.project__details blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-2);margin:var(--space-3) 0;font-style:italic}.about__text pre,.about__text code,.project__description pre,.project__description code,.project__details pre,.project__details code{font-family:monospace;background-color:#ffffff1a;padding:.2rem .4rem;border-radius:3px}.about__text pre,.project__description pre,.project__details pre{padding:var(--space-2);margin:var(--space-3) 0;overflow-x:auto}.about__text pre code,.project__description pre code,.project__details pre code{background-color:transparent;padding:0}p{margin-bottom:var(--space-2);line-height:1.6}p:last-child{margin-bottom:0}.section-title{font-family:var(--font-family-display);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1;position:relative;margin-bottom:var(--space-5)}.section-title:after{content:"";position:absolute;left:0;bottom:-1rem;width:6rem;height:.2rem;background-color:var(--color-accent)}a{color:inherit;text-decoration:none}.content-link,.about__text a,.project__description a,.project__details a{position:relative;color:var(--color-text);font-weight:var(--font-regular);transition:color var(--transition-fast)}.content-link:after,.about__text a:after,.project__description a:after,.project__details a:after{content:"";position:absolute;bottom:-.2rem;left:0;width:0;height:.1rem;background-color:var(--color-accent);transition:width var(--transition-medium)}.content-link:hover,.about__text a:hover,.project__description a:hover,.project__details a:hover{color:var(--color-accent)}.content-link:hover:after,.about__text a:hover:after,.project__description a:hover:after,.project__details a:hover:after{width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.uppercase{text-transform:uppercase}.bold{font-weight:var(--font-semibold)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.animate-on-scroll{opacity:0;will-change:transform,opacity;transition-property:transform,opacity;transition-duration:1.2s;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-delay:0s}.animate-on-scroll.is-visible{opacity:1}.fade-up{transform:translateY(40px)}.fade-up.is-visible{transform:translateY(0)}.fade-right{transform:translate(-40px)}.fade-right.is-visible{transform:translate(0)}.fade-left{transform:translate(40px)}.fade-left.is-visible{transform:translate(0)}.fade-in{transform:translateY(0);opacity:0}.fade-in.is-visible{opacity:1}.stagger-children .stagger-item{opacity:0;transform:translateY(30px);transition-property:transform,opacity;transition-duration:1s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.stagger-children .stagger-item.is-visible{opacity:1;transform:translateY(0)}.stagger-children .stagger-item:nth-child(1){transition-delay:.1s}.stagger-children .stagger-item:nth-child(2){transition-delay:.2s}.stagger-children .stagger-item:nth-child(3){transition-delay:.3s}.stagger-children .stagger-item:nth-child(4){transition-delay:.4s}.stagger-children .stagger-item:nth-child(5){transition-delay:.5s}.stagger-children .stagger-item:nth-child(6){transition-delay:.6s}.stagger-children .stagger-item:nth-child(7){transition-delay:.7s}.stagger-children .stagger-item:nth-child(8){transition-delay:.8s}.stagger-children .stagger-item:nth-child(9){transition-delay:.9s}.stagger-children .stagger-item:nth-child(10){transition-delay:1s}.stagger-children .stagger-item:nth-child(11){transition-delay:1.1s}.stagger-children .stagger-item:nth-child(12){transition-delay:1.2s}.stagger-children .stagger-item:nth-child(13){transition-delay:1.3s}.stagger-children .stagger-item:nth-child(14){transition-delay:1.4s}.stagger-children .stagger-item:nth-child(15){transition-delay:1.5s}.stagger-children .stagger-item:nth-child(16){transition-delay:1.6s}.stagger-children .stagger-item:nth-child(17){transition-delay:1.7s}.stagger-children .stagger-item:nth-child(18){transition-delay:1.8s}.stagger-children .stagger-item:nth-child(19){transition-delay:1.9s}.stagger-children .stagger-item:nth-child(20){transition-delay:2s}.parallax-container{overflow:hidden;position:relative}.parallax-container .parallax-element{position:relative;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}.header{transition:background-color .5s cubic-bezier(.16,1,.3,1)}.header.is-scrolled{background-color:#000000e6}.scroll-indicator{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.scroll-indicator.is-hidden{opacity:0}.direction-up{transform:translateY(40px)}.direction-up.is-visible{transform:translateY(0)}.direction-down{transform:translateY(-40px)}.direction-down.is-visible{transform:translateY(0)}.cursor{position:fixed;width:2rem;height:2rem;border-radius:50%;border:.6rem solid var(--color-accent);background-color:transparent;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);z-index:var(--z-cursor);transition:transform var(--transition-fast),opacity var(--transition-fast),border-color var(--transition-fast);opacity:1}@media (max-width: 1024px){.cursor{display:none}}.cursor--active{transform:translate(-50%,-50%) scale(1.8);border-color:#fff}.custom-cursor a,.custom-cursor button{cursor:none}.starfield-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:#000;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none}.header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-header);padding:var(--space-3) 0;transition:background-color var(--transition-medium),padding var(--transition-medium)}@media (max-width: 767px){.header{background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{position:relative;z-index:var(--z-above)}.header .logo{font-size:2rem;font-weight:var(--font-light);letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition-fast);display:flex;align-items:center}.header .logo .logo-image{height:4rem;width:auto;transition:opacity var(--transition-fast)}.header .logo:hover{color:var(--color-accent)}.header .logo:hover .logo-image{opacity:.8}.header--scrolled{background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-2) 0}.nav{display:flex;align-items:center}@media (max-width: 767px){.nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--color-bg);padding:10rem 4rem 4rem;z-index:var(--z-header);transition:right var(--transition-medium)}.nav.active{right:0}}.nav__list{display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 767px){.nav__list{flex-direction:column;align-items:flex-start;gap:var(--space-5)}}.nav__link{position:relative;font-size:1.6rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition-fast)}@media (max-width: 767px){.nav__link{font-size:2rem}}.nav__link:after{content:"";position:absolute;bottom:-.4rem;left:0;width:0;height:.1rem;background-color:var(--color-accent);transition:width var(--transition-medium)}.nav__link:hover{color:var(--color-accent)}.nav__link:hover:after{width:100%}.menu-toggle{display:none;position:relative;cursor:pointer;width:30px;height:20px;z-index:var(--z-above)}@media (max-width: 767px){.menu-toggle{display:block}}.menu-toggle span{display:block;position:absolute;height:2px;width:100%;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-medium)}.menu-toggle span:first-child{top:0}.menu-toggle span:last-child{bottom:0}.menu-toggle.active span:first-child{transform:rotate(45deg);top:9px}.menu-toggle.active span:last-child{transform:rotate(-45deg);bottom:9px}.btn{display:inline-block;padding:var(--space-2) var(--space-3);background-color:var(--color-text);color:var(--color-bg);font-weight:var(--font-semibold);border-radius:.4rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn:hover{background-color:var(--color-accent);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--outline{background-color:transparent;border:1px solid var(--color-text);color:var(--color-text)}.btn--outline:hover{background-color:var(--color-text);color:var(--color-bg)}.btn--accent{background-color:var(--color-accent)}.btn--accent:hover{background-color:#d21a28}.hero{position:relative;height:40vh;min-height:400px;max-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero>.container{width:100%;display:flex;justify-content:center}.hero__inner{position:relative;z-index:var(--z-above);max-width:80rem;padding:var(--space-3);margin:0 auto}.hero__logo{display:flex;justify-content:center;margin-bottom:var(--space-3)}.hero__logo-image{max-width:100%;height:auto;max-height:22rem;object-fit:contain}.hero__title{font-family:var(--font-family-display)!important;font-size:clamp(4.8rem,8vw,8rem);letter-spacing:.02em;margin-bottom:var(--space-2);text-transform:uppercase;font-weight:400;line-height:.9;font-stretch:condensed;font-style:normal}.hero__subtitle{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:var(--font-light);color:var(--color-text-light)}.hero__image{position:absolute;top:-200px;left:0;width:100%;height:calc(100% + 400px);z-index:var(--z-below);overflow:hidden}.hero__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:var(--z-above);display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.scroll-indicator .scroll-arrow{display:flex;flex-direction:row;align-items:center;gap:6rem}.scroll-indicator .scroll-arrow:before,.scroll-indicator .scroll-arrow:after,.scroll-indicator .scroll-arrow span{content:"";width:0;height:0;border-left:.9rem solid transparent;border-right:.9rem solid transparent;border-top:1.2rem solid var(--color-accent-2);animation-name:float-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.scroll-indicator .scroll-arrow:before{animation-delay:0s}.scroll-indicator .scroll-arrow span{display:block;animation-delay:.33s}.scroll-indicator .scroll-arrow:after{animation-delay:.66s}.scroll-indicator:hover{transform:translate(-50%) translateY(.5rem)}.scroll-indicator:hover .scroll-arrow:before,.scroll-indicator:hover .scroll-arrow:after,.scroll-indicator:hover .scroll-arrow span{border-top-color:var(--color-text)}@keyframes float-animation{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.work{background-color:var(--color-bg)}.work .container{padding-top:var(--space-8);padding-bottom:var(--space-5)}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%;max-width:100%;margin-bottom:0}@media (max-width: 768px){.work__grid{grid-template-columns:1fr}}.work-item{position:relative;overflow:hidden;background-color:var(--color-bg);margin:0;padding:0;border:none}.work-item__link{display:block;position:relative;width:100%;height:100%;cursor:pointer;z-index:1}.work-item:hover .project-image{transform:scale(1.05)}.work-item:hover .work-item__content{opacity:1}.work-item__image{height:0;padding-bottom:41.84%;position:relative;overflow:hidden}.work-item__image .image-container{position:absolute;top:0;left:0;width:100%;height:100%}.work-item__image .image-container .project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:transform var(--transition-medium),opacity .7s cubic-bezier(.4,0,.6,1);will-change:transform,opacity}.work-item__image .image-container .project-image:first-child{opacity:1}.work-item__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff0,#ffffff0d,#fff0);opacity:0;transition:opacity .6s ease-in-out;pointer-events:none;z-index:1}.work-item__image:hover:after{opacity:1}.work-item__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-3);background:#00000080;color:#fff;opacity:0;transition:opacity var(--transition-medium);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;pointer-events:none}.work-item__title{font-family:var(--font-family-display);font-size:3.2rem;margin-bottom:var(--space-2);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1}.work-item__category{font-size:1.6rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em}.about{padding:var(--space-8) 0;background-color:var(--color-bg)}.about__inner{display:flex;align-items:center;gap:var(--space-8)}.about__content{flex:1}.about__text{font-size:1.8rem;color:var(--color-text-light)}.about__text p{margin-bottom:var(--space-3)}.about__image{flex:1;overflow:hidden}.about__image img{width:100%;height:auto;transition:transform var(--transition-slow)}.about__image img:hover{transform:scale(1.02)}.about__clients-section{margin-top:var(--space-6)}.about__clients-section .work-item__title{margin-bottom:var(--space-4);color:var(--color-text)}.about__clients{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center;align-items:center}@media (max-width: 768px){.about__clients{gap:var(--space-4);flex-direction:column;align-items:center}}@media (min-width: 769px) and (max-width: 1024px){.about__clients{gap:var(--space-4)}}.client__link{display:inline-block;padding:var(--space-1);border-radius:var(--space-1);transition:transform var(--transition-medium),background-color var(--transition-medium),box-shadow var(--transition-medium)}.client__link:hover{transform:translateY(-4px)}.client__link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.client__logo{max-width:80px;height:auto;filter:brightness(.4);transition:filter var(--transition-medium),transform var(--transition-medium)}@media (max-width: 768px){.client__logo{max-width:120px}}.client__link:hover .client__logo{filter:brightness(1);transform:scale(1.1)}.client__logo--ea{filter:brightness(.3)}.client__link:hover .client__logo--ea{filter:brightness(.9)}.contact{padding:var(--space-8) 0;background-color:var(--color-bg)}.contact__inner{max-width:60rem;margin:0 auto}.contact__info{text-align:center;font-size:1.8rem;color:var(--color-text-light)}.contact__email{display:inline-block;margin:var(--space-3) 0;font-size:2.4rem;font-weight:var(--font-light);color:var(--color-text);position:relative}.contact__email:hover{color:var(--color-accent)}.social-links{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;color:var(--color-text);transition:color var(--transition-fast),transform var(--transition-fast)}.social-link:hover{color:var(--color-accent);transform:translateY(-4px)}.footer{padding:var(--space-4) 0;background-color:var(--color-bg);border-top:1px solid var(--color-border)}.footer__inner{display:flex;justify-content:center;align-items:center}.footer__copyright{font-size:1.4rem;color:var(--color-text-light)}.project{min-height:100vh;background-color:var(--color-bg)}.project__hero{position:relative;width:100%;height:0;padding-bottom:41.84%;overflow:hidden;margin:0}@media (max-width: 768px){.project__hero{padding-bottom:56.25%}}.project__image{position:absolute;top:0;left:0;width:100%;height:100%}.project__image img{width:100%;height:100%;object-fit:cover}.project__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#00000080)}.project__content{padding:var(--space-8) 0}.project__header{margin-bottom:var(--space-6);text-align:center}.project__title{font-family:var(--font-family-display);font-size:clamp(3.6rem,5vw,5.6rem);font-weight:400;text-transform:uppercase;margin-bottom:var(--space-2);letter-spacing:.03em;line-height:1}.project__category{font-size:1.8rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em}.project__info{max-width:90rem;margin:0 auto;display:grid;grid-template-columns:60% 40%;gap:var(--space-6)}@media (max-width: 768px){.project__info{grid-template-columns:1fr}}.project__description{font-size:1.8rem;color:var(--color-text-light);line-height:1.6}.project__meta{display:flex;flex-direction:column;gap:var(--space-4)}.project__details p,.project__stats p{font-size:1.6rem;color:var(--color-text-light);margin-bottom:var(--space-2)}.project__stats p strong{color:var(--color-text);font-weight:var(--font-regular)}.project__back{display:inline-block;margin-top:var(--space-6);font-size:1.6rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;position:relative}.project__back:after{content:"";position:absolute;bottom:-.4rem;left:0;width:0;height:.1rem;background-color:var(--color-accent);transition:width var(--transition-medium)}.project__back:hover{color:var(--color-accent)}.project__back:hover:after{width:100%}.project__video-container{position:relative;width:100%;max-width:1200px;margin:var(--space-6) auto;height:0;padding-bottom:56.25%;overflow:hidden;background-color:#000}.project__video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.project__video-container.vimeo,.project__video-container.youtube{background-color:#000}.page{min-height:100vh;padding-top:var(--header-height)}.page__content{padding:4rem 0 6rem}@media (max-width: 768px){.page__content{padding:2rem 0 4rem}}.page__header{margin-bottom:3rem;text-align:center}@media (max-width: 768px){.page__header{margin-bottom:2rem}}.page__title{font-family:var(--font-family-display);font-size:clamp(3.6rem,5vw,5.6rem);font-weight:400;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:.03em;line-height:1}.page__body{max-width:90rem;margin:0 auto;color:var(--color-text-light);line-height:1.6}.page__body h1{font-size:clamp(3.6rem,5vw,5.6rem);color:var(--color-text);margin:var(--space-6) 0 var(--space-3);font-family:var(--font-family-display);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1}.page__body h2{font-size:2.4rem;color:var(--color-text);margin:var(--space-5) 0 var(--space-3);font-weight:400}@media (max-width: 768px){.page__body h2{font-size:2rem}}.page__body h3{font-size:2rem;color:var(--color-text);margin:var(--space-4) 0 var(--space-2);font-weight:400}.page__body p{margin-bottom:var(--space-3);font-size:1.8rem;line-height:1.6}.page__body ul,.page__body ol{margin-bottom:var(--space-3);padding-left:2rem}.page__body ul li,.page__body ol li{margin-bottom:var(--space-1);font-size:1.8rem;line-height:1.6}.page__body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-3);margin:var(--space-4) 0;font-style:italic;color:var(--color-text-light);font-size:1.8rem}.page__body code{background:#ffffff1a;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.6rem}.page__body pre{background:#ffffff0d;padding:var(--space-3);border-radius:8px;overflow-x:auto;margin:var(--space-3) 0}.page__body pre code{background:none;padding:0;font-size:1.4rem}.page__body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-text-light),transparent);margin:var(--space-6) 0}.page__body a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-medium)}.page__body a:hover{border-bottom-color:var(--color-accent)}.page__body img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-4) 0}.page__back{display:inline-block;margin-top:var(--space-6);font-size:1.6rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;position:relative;text-decoration:none}.page__back:after{content:"";position:absolute;bottom:-.4rem;left:0;width:0;height:.1rem;background-color:var(--color-accent);transition:width var(--transition-medium)}.page__back:hover{color:var(--color-accent)}.page__back:hover:after{width:100%}@media (max-width: 767px){.container{padding:0 1.6rem}.section-title{margin-bottom:var(--space-4)}.work__grid{grid-template-columns:1fr}.about__inner{flex-direction:column}.about__content{margin-bottom:var(--space-4)}.about__image{width:100%}.contact__inner{flex-direction:column}}@media (min-width: 768px) and (max-width: 1023px){.work__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){body{font-size:1.8rem}.about__inner{gap:var(--space-8)}}.scroll-spacer{height:20vh;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;background-image:url(/images/bgs/bg04_mobile.webp)}@media (min-width: 768px){.scroll-spacer{background-image:url(/images/bgs/bg04_tablet.webp)}}@media (min-width: 1024px){.scroll-spacer{background-image:url(/images/bgs/bg04_desktop.webp)}}@media (min-width: 1280px) and (min-resolution: 2dppx){.scroll-spacer{background-image:url(/images/bgs/bg04_retina.webp)}}.scroll-spacer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}