:root{--black:#101010;--paper:#f3f0e8;--yellow:#fcc904;--muted:#a2a19c;--line:#ffffff29;--sans:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:active,.button:active{transform:scale(.97)}button{color:inherit}img,video{max-width:100%;display:block}img{object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9d7100;outline-offset:3px}::selection{background:var(--yellow);color:var(--black)}[hidden]{display:none!important}.wrap{padding-left:5.25%;padding-right:5.25%}.paper{background:var(--paper);color:var(--black)}.eyebrow,.edition,.section-top,.scroll-note,.image-label,.film-top,.film-bottom,.demo-tag,.footer-bottom,.row-number,.studio-caption,.optional{font-size:10px;letter-spacing:.12em;font-weight:500}.eyebrow{display:inline-flex;gap:12px;align-items:center;line-height:1.5}.dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;flex-shrink:0}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--sans);font-weight:500;letter-spacing:-.06em}h2{font-size:clamp(42px,5.1vw,76px);line-height:1.06}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}p{line-height:1.8}sup{font-size:.6em}a,button{transition:color .2s,background .2s,transform .2s var(--ease)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:20px 25px;min-height:58px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:2px}.button span{font-size:21px;line-height:1}.button-yellow{background:var(--yellow);color:var(--black)}.button-yellow:hover{background:#ffd05a}.button-outline{border-color:#10101055}.button-outline:hover{background:var(--black);color:var(--paper)}.button-dark{background:var(--black);color:var(--paper)}.button-dark:hover{background:#333}.text-link{display:inline-block;font-size:12px;font-weight:500;padding:10px 0;border-bottom:1px solid currentColor}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--yellow);color:var(--black);z-index:200}.skip-link:focus{top:20px}.header{height:104px;margin:0 5.25%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:100;background:var(--black)}.brand{display:flex;gap:9px;align-items:center;font:700 26px/.8 var(--sans);letter-spacing:-.055em}.brand-sub{display:block;font-size:13px;letter-spacing:.22em;margin-top:6px;position:relative}.brand-dot{position:absolute;font-size:8px;right:-11px;top:-2px;letter-spacing:0}.brand-symbol{width:34px;height:37px;position:relative;display:inline-block}.brand-symbol i{position:absolute;width:8px;height:36px;top:0;background:var(--yellow);transform:skew(-24deg);left:7px}.brand-symbol i:nth-child(2){transform:skew(24deg);left:20px;height:37px}.brand-symbol i:nth-child(3){width:26px;height:7px;top:23px;left:4px;transform:rotate(-22deg);background:var(--paper)}.desktop-nav{display:flex;gap:36px;margin-left:30px}.desktop-nav a{font-size:11px;color:#d0cfc8;position:relative;padding:10px 0}.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-contact{border-bottom:1px solid var(--paper);padding:9px 0;display:flex;gap:40px;font-size:12px}.nav-contact span{color:var(--yellow);font-size:19px}.menu-toggle{display:none;background:none;border:0;padding:12px;width:44px;height:44px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--paper);margin:6px 0;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;inset:83px 0 0;background:var(--black);z-index:90;padding:7vw;overflow:auto}.mobile-nav>a{display:flex;justify-content:space-between;font:42px var(--sans);letter-spacing:-.05em;padding:20px 0;border-bottom:1px solid var(--line)}.mobile-nav>a>span{font:10px var(--body);letter-spacing:0;align-self:center}.mobile-nav small{display:block;margin-top:50px;color:var(--muted);letter-spacing:.15em}.hero{padding-top:40px;padding-bottom:42px}.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:43px}.edition{color:#93938f;font-size:9px}.hero-title{font-size:clamp(65px,8.62vw,150px);font-weight:600;line-height:.99;letter-spacing:-.075em}.hero-title>span{display:block;white-space:nowrap}.hero-title em{font-size:1.04em}.hero-middle{position:relative;width:100%}.hero-asterisk{color:var(--yellow);font-size:1.34em;line-height:.65;position:absolute;right:4.2%;top:4%;font-family:Arial,sans-serif;font-weight:400}.title-period{font:17px var(--sans);vertical-align:top;display:inline-block;margin:12px 0 0 15px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:38px;gap:40px}.hero-bottom>p{max-width:330px;font-size:12px;color:#b8b7b1;line-height:1.75}.scroll-note{display:flex;align-items:center;gap:23px;font-size:8px;white-space:nowrap}.scroll-arrow{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:18px}.film-section{margin:0;position:relative}.film-pin{position:relative;height:100svh;min-height:580px;overflow:hidden;background:#292826}.studio-video{width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0000 30%,#0005 60%,#000b 100%)}.film-top{position:absolute;inset:36px 5.25% auto;display:flex;justify-content:space-between;font-size:9px;color:#fff}.film-top>span:first-child{display:flex;gap:10px;align-items:center}.film-copy{position:absolute;left:5.25%;bottom:125px}.film-copy>.eyebrow{font-size:9px;color:#e8dfc9;margin-bottom:18px}.film-copy h2{font-size:clamp(50px,7.5vw,112px);font-weight:600;letter-spacing:-.065em;line-height:.98;white-space:pre-line;color:white}.film-copy p{font-size:11px;color:#ddd5c6;margin-top:24px}.film-bottom{position:absolute;bottom:30px;left:5.25%;right:5.25%;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:white}.film-play{border:1px solid #fff7;background:#0002;padding:11px 15px;display:flex;gap:32px;font-size:10px}.film-progress{height:3px;background:#fff2;position:absolute;bottom:0;left:0;right:0}.film-progress span{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow);display:block}.marquee{overflow:hidden;white-space:nowrap;background:var(--yellow);color:var(--black);padding:23px 0}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 28s linear infinite}.marquee-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;font:500 clamp(24px,3vw,46px) var(--sans);letter-spacing:-.045em}.marquee i{display:inline-flex;align-items:center;font-style:normal;padding:0 22px}@keyframes marquee-scroll{to{transform:translateX(-50%)}}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #10101035;padding-top:19px;font-size:8px;gap:25px}.section-top>.eyebrow{font-size:9px}.work-section{padding-top:85px;padding-bottom:86px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-top:46px;margin-bottom:55px;gap:40px}.section-heading>div,.section-heading>p{max-width:350px}.section-heading p{font-size:12px}.demo-disclosure{font-size:9px;letter-spacing:.02em;display:block;margin-top:17px;color:#68665f}.portfolio-filters{display:flex;gap:25px;flex-wrap:wrap;border-bottom:1px solid #10101030;padding-bottom:18px;margin-bottom:32px}.filter{background:none;border:0;padding:7px 0;font-size:10px;color:#726f66;position:relative}.filter.active{color:var(--black)}.filter.active:after{position:absolute;content:'';bottom:-19px;left:0;right:0;height:2px;background:var(--black)}.filter sup{margin-left:4px;font-size:8px}.project-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:55px 45px;margin-bottom:45px;align-items:start}.project-card:nth-child(even){margin-top:90px}.project-image{position:relative;overflow:hidden;display:block;background:#ded9cc;aspect-ratio:1.2}.project-card:nth-child(even) .project-image{aspect-ratio:.94}.project-image img{height:100%;width:100%;transition:transform .65s var(--ease)}.project-image:hover img{transform:scale(1.035)}.project-open{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--black);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:23px;transform:translateY(70px);transition:transform .35s var(--ease)}.project-image:hover .project-open,.project-image:focus-visible .project-open{transform:translateY(0)}.image-label{position:absolute;bottom:18px;left:18px;font-size:7px;color:white;background:#101010b3;padding:7px 9px;letter-spacing:.1em}.project-caption{display:flex;justify-content:space-between;padding-top:17px;gap:20px}.project-caption h3{font-size:17px;letter-spacing:-.04em}.project-caption p{font-size:9px;color:#706e68;margin-top:5px}.project-caption>span{font-size:10px;color:#77736a}.services-section{padding-top:90px;padding-bottom:75px}.services-section .section-top,.process .section-top{border-color:var(--line)}.services-section .section-heading>p{color:var(--muted)}.service-list{border-top:1px solid var(--line)}.service-row{display:flex;align-items:center;gap:25px;padding:34px 0;border-bottom:1px solid var(--line);position:relative}.row-number{width:50px;color:#999991}.service-row h3{font-size:clamp(22px,2.8vw,42px);letter-spacing:-.055em;flex:1}.service-excerpt{font-size:10px;color:#92918b;width:205px}.row-arrow{font-size:30px;font-weight:300;transition:transform .3s}.service-row:hover .row-arrow{transform:translate(5px,-5px);color:var(--yellow)}.service-row>img{position:absolute;right:27%;top:50%;width:170px;height:120px;object-fit:cover;z-index:2;transform:translateY(-45%) rotate(-5deg);opacity:0;pointer-events:none;transition:opacity .2s,transform .4s var(--ease)}.service-row:hover>img{opacity:1;transform:translateY(-50%) rotate(3deg)}.services-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:20px;font-size:9px}.process{padding-top:35px;padding-bottom:110px}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}.process-intro{position:sticky;top:40px;align-self:start}.process-intro>p{font-size:12px;color:var(--muted);margin:25px 0 10px}.process-star{display:block;font:100px/1 Arial,sans-serif;color:var(--yellow);margin-top:45px}.process-stages{padding-top:0}.process-stage{border-top:1px solid var(--line)}.process-stage:last-child{border-bottom:1px solid var(--line)}.process-stage summary{display:flex;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:29px 0}.process-stage summary::-webkit-details-marker{display:none}.process-stage h3{font-size:32px;letter-spacing:-.045em;flex:1}.stage-number{font-size:10px;color:#88877f}.stage-plus{font-size:23px;color:var(--yellow);font-weight:300;transition:transform .2s}.process-stage[open] .stage-plus{transform:rotate(45deg)}.process-stage p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 30px 30px 45px;max-width:420px}.studio-section{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px}.studio-image{position:relative;overflow:hidden}.studio-image>img{height:100%;width:100%;object-fit:cover;object-position:45%}.studio-story{padding:85px 13% 65px 12%;display:flex;align-items:start;flex-direction:column}.studio-story>.eyebrow{font-size:8px;margin-bottom:38px}.studio-story h2{font-size:clamp(42px,4.2vw,65px);line-height:1.04}.studio-story p{margin:27px 0 20px;font-size:12px;color:#63615a;max-width:370px}.studio-caption{font-size:7px;letter-spacing:.03em;color:#77756d;margin-top:45px;line-height:1.7}.final-cta{padding-top:95px;padding-bottom:65px}.final-cta>.eyebrow{font-size:8px}.cta-title{font:500 clamp(55px,8.9vw,145px)/.98 var(--sans);letter-spacing:-.07em;display:block;margin-top:45px;position:relative}.cta-title>span:first-child{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--yellow)}.cta-arrow{position:absolute;right:0;top:16%;font:400 1.2em var(--sans);color:var(--yellow);transition:transform .4s var(--ease)}.cta-title:hover .cta-arrow{transform:translate(7px,-7px)}.cta-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.cta-bottom>p{font-size:12px;color:var(--muted)}.footer{padding-top:10px}.footer-top{border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr .6fr;padding:45px 0;gap:40px}.footer-wordmark{font:600 32px var(--sans);letter-spacing:-.07em}.footer-wordmark>span{font-size:10px;vertical-align:top;margin:4px}.footer-contact,.footer-links{display:flex;align-items:start;flex-direction:column;gap:9px;font-size:10px;line-height:1.7;color:#b0afa7}.footer-bottom{font-size:7px;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;border-top:1px solid var(--line);color:#8e8d87}.agency-credit strong{color:var(--paper);font-size:10px;margin-left:9px;font-family:var(--sans)}.demo-tag{font-size:7px;padding:4px 7px;border:1px solid #fff3;color:#b5b3aa}.page-intro{padding-top:75px;padding-bottom:65px}.page-intro h1{font-size:clamp(55px,8.3vw,130px);line-height:1.04;margin:35px 0 40px;max-width:1200px;font-weight:500}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{font-size:13px;color:#b8b7af;max-width:550px}.intro-bottom .demo-disclosure{color:#aaa79d;font-size:9px}.service-grid{padding-top:65px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:65px 45px}.service-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.4}.service-card-image img{width:100%;height:100%;transition:transform .6s var(--ease)}.service-card-image:hover img{transform:scale(1.04)}.service-card-image>span{position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:.1em;background:var(--paper);color:var(--black);padding:8px 12px}.service-card-body{padding-top:25px}.service-card h2{font-size:31px;letter-spacing:-.045em}.service-card p{font-size:12px;color:#69665f;max-width:470px;margin:15px 0}.portfolio-page{padding-top:50px}.detail-intro h1{font-size:clamp(52px,7vw,110px)}.detail-image{max-height:850px;overflow:hidden;background:var(--paper)}.detail-image img{width:100%;max-height:850px;object-fit:cover}.detail-body,.about-editorial,.privacy-body{padding-top:85px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.detail-body h2,.about-editorial h2,.privacy-body h2{font-size:clamp(35px,4.5vw,65px)}.detail-body p,.about-editorial p,.privacy-body p{font-size:14px;color:#636159;max-width:680px;line-height:1.9;margin:25px 0}.privacy-body h3{font-size:24px;letter-spacing:-.04em;margin-top:35px}.about-panorama{height:65vw;max-height:750px;position:relative;overflow:hidden}.about-panorama>img{width:100%;height:100%}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:75px}.gallery figure{margin:0}.gallery img{width:100%;height:auto}.gallery figcaption{font-size:10px;margin-top:12px;color:#666}.comparison-section{padding-top:50px;padding-bottom:70px}.comparison-section h2{font-size:40px;margin-bottom:30px}.comparison{position:relative;aspect-ratio:16/10;--reveal:50%;overflow:hidden}.comparison>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.comparison-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison input{position:absolute;inset:auto 5% 25px;width:90%;accent-color:var(--yellow)}.comparison-before-label,.comparison-after-label{position:absolute;top:20px;right:20px;background:var(--black);padding:8px 12px;color:var(--paper);font-size:10px}.comparison-after-label{left:20px;right:auto}.contact-section{padding-top:65px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.65fr;gap:10%}.contact-section aside{position:sticky;top:40px;align-self:start}.contact-section aside>.eyebrow{font-size:8px}.contact-section aside h2{font-size:40px;margin:30px 0 20px}.contact-section aside p{font-size:12px;color:#66635c;margin-bottom:25px;max-width:280px}.contact-section aside>a{font-size:12px;display:block;margin-bottom:15px}.contact-star{display:block;font:110px Arial;color:#a47300;margin-top:35px}.form-section-title{display:flex;align-items:center;gap:17px;border-bottom:1px solid #10101035;padding-bottom:17px;margin:10px 0 25px}.form-section-title>span{font-size:9px;color:#777}.form-section-title h3{font-size:22px;letter-spacing:-.04em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;margin-bottom:38px}.form-grid>label{font-size:10px;font-weight:500;position:relative}.form-grid>label>span{color:#896100}.span-2{grid-column:span 2}.form-grid input,.form-grid textarea,.form-grid select{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #10101040;padding:14px 0 13px;border-radius:0;color:var(--black);font-size:12px;margin-top:5px}.form-grid textarea{resize:vertical;line-height:1.7}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#88847b}.form-grid .optional{float:right;font-size:7px;color:#777;letter-spacing:.05em}.form-grid select{padding-right:20px}.quote-form small[data-error]{display:block;font-size:10px;color:#aa3022;margin-top:7px;line-height:1.5}.upload-zone{border:1px dashed #10101060;display:flex;align-items:center;flex-direction:column;position:relative;padding:25px;text-align:center;gap:9px;cursor:pointer}.upload-zone>strong{font-size:12px;font-weight:500}.upload-zone>span:not(.upload-icon){font-size:9px;color:#777269}.upload-icon{font-size:27px}.upload-zone input{font-size:10px;max-width:100%;margin-top:12px}.consent{display:flex;gap:10px;margin-top:25px;margin-bottom:20px;font-size:10px;color:#66625a;line-height:1.7;align-items:start}.consent input{accent-color:var(--black);margin:3px 0 0}.consent a{text-decoration:underline}.quote-form .button{width:100%}.form-footnote{font-size:9px;color:#737066;margin-top:15px}.form-message{background:#fbe5d4;color:#722300;font-size:13px;padding:18px;margin-bottom:25px;line-height:1.8;border-left:3px solid #bd5100}.form-message.success{background:#e3e9d7;color:#2c4620;border-color:#526c3a}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-map{width:100%;height:400px;border:0}.empty-state{padding:60px 0;font:24px var(--sans)}.empty-state>a{font-size:14px}.loader-line{position:fixed;z-index:120;top:0;left:0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;width:100%;pointer-events:none}
@media(min-width:1700px){.wrap{padding-left:max(5.25%,calc((100vw - 1600px)/2));padding-right:max(5.25%,calc((100vw - 1600px)/2))}.hero-title{font-size:145px}}
@media(max-width:1000px){.hero-title{font-size:8.6vw}.hero-asterisk{right:0}.hero-bottom{gap:25px}.hero-bottom>p{max-width:270px;font-size:11px}.scroll-note>span:first-child{display:none}.service-excerpt{width:175px}.process-layout{gap:7%}.studio-section{min-height:550px}.studio-story{padding:60px 10%}.studio-story h2{font-size:42px}.footer-top{grid-template-columns:1fr 1fr .7fr}.footer-wordmark{font-size:27px}.contact-section{gap:7%;grid-template-columns:1fr 1.8fr}}
@media(max-width:700px){.wrap{padding-left:6%;padding-right:6%}.header{height:83px;margin:0 6%}.brand{font-size:23px}.brand-sub{font-size:11px}.brand-symbol{transform:scale(.85);margin-left:-3px;margin-right:-3px}.desktop-nav{display:none}.nav-contact{margin-left:auto;margin-right:22px;font-size:10px;gap:17px}.menu-toggle{display:block;margin-right:-12px}.hero{padding-top:28px;padding-bottom:35px}.hero-top{margin-bottom:38px}.eyebrow{font-size:8px;letter-spacing:.1em}.edition{display:none}.hero-title{font-size:10.05vw;line-height:1.05;letter-spacing:-.07em}.hero-title>span:first-child{font-size:.87em}.hero-middle{padding-right:0}.hero-asterisk{font-size:.69em;right:0;top:16%}.hero-title em{font-size:1.03em}.title-period{font-size:9px;margin:5px 0 0 5px}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:29px;gap:24px 15px}.hero-bottom>p{grid-row:1;grid-column:1/3;max-width:290px;font-size:11px}.hero-bottom>.button{grid-row:2;justify-self:start;padding:16px 20px;font-size:10px;gap:35px;min-height:50px}.scroll-note{grid-row:2;grid-column:2}.film-pin{height:100svh;height:100dvh;min-height:480px}.studio-video{object-position:47% center}.film-top{left:6%;right:6%;top:25px;font-size:7px}.film-top>span:last-child{display:none}.film-copy{left:6%;bottom:110px}.film-copy h2{font-size:13vw}.film-copy p{font-size:10px;margin-top:18px}.film-bottom{left:6%;right:6%;font-size:7px;gap:10px;flex-wrap:wrap;bottom:25px}.film-bottom>[data-film-instruction]{display:none}.film-play{padding:11px 14px;font-size:9px}.marquee{padding:18px 0}.marquee-group{font-size:23px;letter-spacing:-.04em}.marquee i{padding:0 12px}.section-top>span:last-child:not(:first-child){display:none}.work-section{padding-top:50px;padding-bottom:55px}.section-heading{display:block;margin-top:33px;margin-bottom:32px}.section-heading h2{font-size:46px}.section-heading>div,.section-heading>p{margin-top:24px;max-width:300px}.section-heading p{font-size:11px}.demo-disclosure{font-size:8px}.portfolio-filters{gap:22px;flex-wrap:nowrap;overflow:auto;white-space:nowrap;padding-bottom:14px}.filter{font-size:10px}.filter.active:after{bottom:-15px}.project-grid{grid-template-columns:1fr;gap:33px;margin-bottom:35px}.project-card:nth-child(even){margin-top:0}.project-card:nth-child(even) .project-image{aspect-ratio:1.2}.project-open{transform:none;width:35px;height:35px;right:14px;bottom:14px;font-size:19px}.project-caption{padding-top:13px}.project-caption h3{font-size:16px}.project-caption p{font-size:8px}.image-label{font-size:6px;left:12px;bottom:12px;padding:6px 8px}.work-section>.button,.work-gallery>.button{padding:16px 21px;min-height:50px;font-size:10px}.services-section{padding-top:55px;padding-bottom:35px}.service-row{padding:25px 0;gap:13px}.row-number{width:24px;font-size:8px}.service-row h3{font-size:25px;letter-spacing:-.055em}.row-arrow{font-size:25px}.service-excerpt,.service-row>img{display:none}.services-bottom{display:block;margin-top:20px;font-size:8px}.services-bottom>.text-link{display:table;margin-top:15px}.process{padding-top:35px;padding-bottom:55px}.process-layout{display:block;margin-top:35px}.process-intro{position:static}.process-intro h2{font-size:46px}.process-intro>p{font-size:11px;margin:22px 0 10px}.process-star{display:none}.process-stages{margin-top:35px}.process-stage h3{font-size:29px}.process-stage summary{padding:24px 0}.process-stage p{font-size:11px;padding:0 10px 25px 42px}.studio-section{display:block}.studio-image{height:350px}.studio-story{padding:45px 6% 50px}.studio-story>.eyebrow{margin-bottom:25px}.studio-story h2{font-size:48px;max-width:330px}.studio-story p{font-size:12px;max-width:350px}.studio-caption{margin-top:35px;font-size:7px}.final-cta{padding-top:55px;padding-bottom:40px}.final-cta>.eyebrow{font-size:7px}.cta-title{font-size:12vw;letter-spacing:-.07em;margin-top:30px}.cta-arrow{font-size:1.1em;top:14%;right:0}.cta-bottom{display:block;margin-top:25px}.cta-bottom>p{font-size:10px}.cta-bottom>.button{margin-top:24px;font-size:10px;padding:16px 20px;min-height:50px}.footer-top{grid-template-columns:1fr 1fr;padding:32px 0;gap:27px 20px}.footer-wordmark{grid-column:1/3;font-size:30px}.footer-contact,.footer-links{font-size:9px}.footer-bottom{font-size:6px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer-bottom>a{text-align:right}.agency-credit{text-align:right;font-size:5px}.agency-credit strong{font-size:8px;margin-left:4px}.demo-tag{justify-self:start;font-size:6px}.page-intro{padding-top:45px;padding-bottom:40px}.page-intro h1{font-size:13vw;margin:25px 0 30px;letter-spacing:-.06em}.intro-bottom{display:block}.intro-bottom p{font-size:11px}.intro-bottom .demo-disclosure{font-size:8px;margin-top:20px}.intro-bottom .text-link{margin-top:20px}.service-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:40px}.service-card h2{font-size:29px}.service-card p{font-size:11px}.service-card-body{padding-top:20px}.portfolio-page{padding-top:30px}.detail-intro h1{font-size:12vw}.detail-image img{min-height:330px}.detail-body,.about-editorial,.privacy-body{display:block;padding-top:40px;padding-bottom:50px}.detail-body>div,.about-editorial>div,.privacy-body>div{margin-top:25px}.detail-body h2,.about-editorial h2,.privacy-body h2{font-size:37px}.detail-body p,.about-editorial p,.privacy-body p{font-size:12px}.about-panorama{height:65svh}.gallery{grid-template-columns:1fr;padding-bottom:40px}.comparison-section{padding-top:15px;padding-bottom:40px}.comparison-section h2{font-size:32px}.contact-section{display:block;padding-top:35px;padding-bottom:50px}.contact-section aside{position:static;margin-bottom:45px}.contact-section aside h2{font-size:34px;margin:20px 0}.contact-section aside p{font-size:11px}.contact-star{display:none}.quote-form .form-grid{gap:20px}.form-grid>label{font-size:10px}.form-grid .optional{font-size:6px;letter-spacing:0}.upload-zone{padding:22px 12px}.form-section-title h3{font-size:21px}.form-grid input,.form-grid textarea,.form-grid select{font-size:16px}.consent{font-size:10px}.privacy-body h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-open{transform:none}.process-intro{position:static}.film-pin{height:75svh}.loader-line{display:none}}
.cta-title>span:not(.cta-arrow){font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--yellow)}.hero-start-link{display:inline-block;margin-top:9px;font-size:10px;color:var(--paper);border-bottom:1px solid #f3f0e850;padding-bottom:3px}

@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}}

/* The home gallery uses vertical scrolling to reveal the projects to its right. */
.work-gallery.is-horizontal{position:relative;display:flex;flex-direction:column;justify-content:center;height:100svh;overflow:hidden;background:var(--paper)}
.work-gallery.is-horizontal .portfolio-filters{flex-shrink:0}
.work-gallery.is-horizontal .project-grid{position:relative;display:flex;flex:0 0 auto;gap:32px;width:100%;margin-bottom:28px}
.work-gallery.is-horizontal .project-card{flex:0 0 min(68%,calc((100svh - 360px)*1.2));margin-top:0}
.work-gallery.is-horizontal .project-image,.work-gallery.is-horizontal .project-card:nth-child(even) .project-image{aspect-ratio:1.2}
.work-gallery.is-horizontal>.button{align-self:flex-start;flex-shrink:0}
@media(max-width:700px){.work-gallery.is-horizontal .project-grid{gap:24px}.work-gallery.is-horizontal .project-card{flex-basis:min(100%,calc((100svh - 260px)*1.2))}.work-gallery.is-horizontal>.button{padding:16px 21px;min-height:50px;font-size:10px}}

/* Language switcher: header dropdown, mobile menu row and footer row. */
.desktop-nav{margin-inline:auto}
.lang-switch{position:relative;margin-inline-end:34px;font-size:11px}
.lang-switch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:10px 0;color:#d0cfc8;white-space:nowrap}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover{color:var(--paper)}
.lang-switch .lang-globe{font-size:16px;stroke-width:1.3}
.lang-switch summary .icon--arrow-down{font-size:12px;color:var(--yellow);transition:transform .2s var(--ease)}
.lang-switch[open] summary .icon--arrow-down{transform:rotate(180deg)}
.lang-switch ul{position:absolute;top:calc(100% + 6px);inset-inline-end:0;margin:0;padding:8px;list-style:none;background:#181818;border:1px solid var(--line);min-width:160px;z-index:110}
.lang-switch li a{display:block;padding:11px 12px;font-size:13px;line-height:1.4;color:#d0cfc8}
.lang-switch li a:hover,.lang-switch li a[aria-current]{color:var(--yellow)}
.mobile-lang{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.mobile-lang a{font-size:14px;line-height:1.4;padding:11px 16px;border:1px solid var(--line);color:#d0cfc8;border-radius:2px}
.mobile-lang a[aria-current]{border-color:var(--yellow);color:var(--yellow)}
.mobile-nav small{margin-top:34px}
.footer-lang{display:flex;flex-wrap:wrap;gap:8px 26px;padding:18px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:#b0afa7}
.footer-lang a[aria-current]{color:var(--yellow)}
@media(max-width:1000px){.lang-switch{margin-inline-end:22px}}
@media(max-width:700px){.lang-switch{margin-inline-start:auto;margin-inline-end:6px}.lang-switch summary{padding:13px 8px;gap:5px}.lang-switch summary>span{display:none}.lang-switch .lang-globe{font-size:19px}.nav-contact{margin-left:0;margin-inline-end:22px}.footer-lang{font-size:11px;gap:8px 20px}}

/* Supplied logo: AR mark and "Alan Reklam" wordmark. */
.brand{gap:13px}
.brand img,.footer-wordmark img{width:auto;flex-shrink:0;object-fit:contain}
.brand-mark{height:46px}
.brand-name{height:42px}
.footer-wordmark{display:flex;align-items:center;gap:18px;align-self:start}
.footer-wordmark .brand-mark{height:64px}
.footer-wordmark .brand-name{height:60px}
@media(max-width:1000px){.footer-wordmark{gap:13px}.footer-wordmark .brand-mark{height:48px}.footer-wordmark .brand-name{height:45px}}
@media(max-width:700px){.brand{gap:8px}.brand-mark{height:32px}.brand-name{height:28px}.footer-wordmark{gap:15px}.footer-wordmark .brand-mark{height:56px}.footer-wordmark .brand-name{height:52px}}
@media(max-width:400px){.brand-name{height:25px}.brand-mark{height:29px}.nav-contact{margin-inline-end:14px}}.nav-contact{white-space:nowrap}
@media(max-width:480px){.nav-contact{gap:0;margin-inline-end:12px}.nav-contact span{display:none}}
.gallery video{display:block;width:100%;height:auto;max-height:80vh;background:#000}
/* Video covers behave like the image covers they replace. */
.project-image video,.service-card-image video,.detail-image video{display:block;width:100%;height:100%;object-fit:cover;background:#1a1a1a}
.project-image video{transition:transform .65s var(--ease)}.project-image:hover video{transform:scale(1.035)}
.service-card-image video{transition:transform .6s var(--ease)}.service-card-image:hover video{transform:scale(1.04)}
.detail-image video{max-height:850px;aspect-ratio:16/10}
.service-row>video{position:absolute;right:27%;top:50%;width:170px;height:120px;object-fit:cover;z-index:2;transform:translateY(-45%) rotate(-5deg);opacity:0;pointer-events:none;transition:opacity .2s,transform .4s var(--ease)}
.service-row:hover>video{opacity:1;transform:translateY(-50%) rotate(3deg)}
@media(max-width:700px){.service-row>video{display:none}.detail-image video{min-height:330px}}
/* Contact page FAQ */
.faq{padding-top:10px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1.65fr;gap:10%}
.faq>.eyebrow{font-size:9px;align-self:start;padding-top:12px}.faq h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:28px}
.faq-item{border-top:1px solid #10101030}.faq-item:last-child{border-bottom:1px solid #10101030}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}.faq-item h3{font-size:19px;letter-spacing:-.03em;line-height:1.35}
.faq-item summary>span{font-size:22px;color:#a47300;transition:transform .2s}.faq-item[open] summary>span{transform:rotate(45deg)}
.faq-item p{font-size:13px;color:#5f5c55;line-height:1.85;padding:0 40px 24px 0;max-width:620px}
@media(max-width:700px){.faq{display:block;padding-bottom:55px}.faq h2{font-size:32px;margin:18px 0 18px}.faq-item h3{font-size:17px}.faq-item p{font-size:12px;padding-right:10px}}
/* Footer: logo with social icons, and the agency credit link */
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.footer-social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--paper);transition:color .2s,border-color .2s,background .2s}
.footer-social a:hover{color:var(--black);background:var(--yellow);border-color:var(--yellow)}
.social-icon{font-size:19px}
.agency-credit{transition:color .2s}.agency-credit:hover,.agency-credit:hover strong{color:var(--yellow)}
@media(max-width:700px){.footer-brand{grid-column:1/3;gap:22px}.footer-wordmark{grid-column:auto}.footer-social a{width:42px;height:42px}}