@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080808;--text:#f2f1eb;--muted:#a3a39e;--line:#30302e;--accent:#ddf883}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;line-height:.94;letter-spacing:-.015em}h2{font-size:clamp(3.5rem,6.5vw,6.5rem)}.muted{color:var(--muted)}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:600}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.header{height:96px;position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff30;background:linear-gradient(#0005,transparent)}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;line-height:1.05;letter-spacing:.01em}.brand img{width:49px;height:49px;filter:invert(1);object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.39em;margin-top:5px}.header nav{display:flex;gap:31px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:28px}.languages{display:flex;align-items:center;gap:6px;font-size:12px}.languages button{background:none;border:0;padding:10px 3px;color:#b8b8b3;font-size:13px}.languages button[aria-pressed=true]{color:var(--accent)}.start-link{border-bottom:1px solid #a2a29d;padding:10px 0;font-size:13px}.menu-toggle{display:none}.hero{position:relative;min-height:800px;height:100svh;max-height:1200px;overflow:hidden;background:#171c1a}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{filter:brightness(.65) saturate(.6);object-position:center 55%;animation:scene 14s ease-out both}.hero-shade{background:linear-gradient(90deg,#02070655,transparent 80%),linear-gradient(0deg,#080808d9,transparent 60%,#0004)}.hero-top{position:absolute;top:128px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;color:#e1e2d9}.hero-content{position:absolute;left:8%;right:8%;top:29%;}.record{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(6rem,12.3vw,12rem);margin:25px 0 25px;letter-spacing:-.015em}.outline{color:transparent;-webkit-text-stroke:1.2px #f2f1eb}.hero-bottom-copy{display:flex;justify-content:space-between;align-items:center;max-width:1000px}.hero-bottom-copy p{line-height:1.7;font-size:16px;color:#dedfd8}.round-cta{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.13em}.play{border:1px solid #ccc9;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:28px;transition:background .2s,color .2s}.round-cta:hover .play{background:var(--accent);color:#080808;border-color:var(--accent)}.hero-footer{position:absolute;bottom:26px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;border-top:1px solid #ffffff35;padding-top:24px}.section{padding:100px 6%}.section-top,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.section-top{margin-bottom:40px}.small-note{font-size:12px;color:var(--muted)}.section-heading{align-items:flex-end;margin-bottom:52px}.section-heading>p{color:var(--muted);line-height:1.8;font-size:15px;max-width:340px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project:nth-child(even){transform:translateY(70px)}.work{padding-bottom:170px}.project button{display:block;width:100%;text-align:left;padding:0;border:0;background:none}.project-image{position:relative;aspect-ratio:1.5;overflow:hidden;background:#151715}.project-image img{height:100%;transition:transform .7s,filter .7s;filter:saturate(.65)}.project button:hover img{transform:scale(1.04);filter:saturate(1)}.project-index,.sample-tag{position:absolute;top:16px;left:16px;font-size:11px;letter-spacing:.12em}.sample-tag{left:auto;right:16px;background:#0808089c;padding:5px 7px;font-size:10px}.project-arrow{position:absolute;bottom:15px;right:18px;font-size:30px}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.project-meta h3{font-size:21px;font-weight:500}.project-meta p{font-size:12px;color:var(--muted);margin-top:7px}.project-meta>span{font-size:12px;color:var(--muted)}.services{background:#10110f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;margin-top:45px}.service-list details{border-top:1px solid #383936}.service-list details:last-child{border-bottom:1px solid #383936}.service-list summary{list-style:none;cursor:pointer;padding:27px 0;display:flex;align-items:center;gap:23px;font-size:24px}.service-list summary::-webkit-details-marker{display:none}.service-list summary small{font-size:12px;color:var(--muted)}.service-list summary b{margin-left:auto;font-weight:400;color:var(--accent)}.service-list details p{padding:0 30px 25px 42px;font-size:15px;line-height:1.85;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:120px;padding-bottom:120px}.about-visual{position:relative;aspect-ratio:.93;background:#181918;overflow:hidden}.about-visual img{height:100%;filter:brightness(.45) saturate(.35)}.about-visual>span{position:absolute;left:7%;top:45%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.95}.about-visual small{position:absolute;left:7%;bottom:6%;font-size:10px;letter-spacing:.1em}.about-copy h2{margin:30px 0}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;margin-bottom:20px}.text-link{display:inline-block;padding:14px 0;border-bottom:1px solid #73736e;font-size:12px;letter-spacing:.1em;margin-top:15px}.contact{border-top:1px solid var(--line);background:#10110f}.contact .section-heading{margin-top:35px}.contact h2{font-size:clamp(3.6rem,7vw,7rem)}.form-shell{border:1px solid var(--line);background:#151613}.form-shell [data-tf-live]{min-height:520px}.form-fallback{padding:20px;font-size:13px;color:var(--muted);text-align:center}.form-fallback a{color:var(--text);text-decoration:underline;text-underline-offset:4px}footer{padding:50px 6% 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-top{padding-bottom:45px;font-size:12px}.footer-bottom{padding-top:24px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;color:var(--muted)}dialog{background:#10110f;color:var(--text);border:1px solid #444;width:min(1000px,92vw);max-height:90svh;padding:40px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;top:0;background:#222;border:1px solid #777;width:44px;height:44px;z-index:2}.detail-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:1.1;margin:25px 0}.detail-image{aspect-ratio:16/9;margin:25px 0}.detail-description{color:var(--muted);line-height:1.8}.detail-info{display:flex;gap:35px;margin:25px 0;font-size:14px}.detail-info dt{font-size:11px;color:var(--muted);margin-bottom:6px}.detail-info dd{margin:0}.iris{position:fixed;inset:0;z-index:90;background:#080808;pointer-events:none;display:grid;place-items:center;animation:iris-exit 1.8s cubic-bezier(.7,0,.2,1) forwards}.iris>span{font-size:22px;letter-spacing:.2em;z-index:1;text-align:center;animation:logo-exit 1.8s forwards}.iris small{display:block;font-size:10px;letter-spacing:.48em;margin-top:10px}.iris-blades{position:absolute;width:130vmax;height:130vmax;background:repeating-conic-gradient(from 15deg,#080808 0deg 3deg,#20221e 3deg 3.3deg,#10110f 3.3deg 60deg);animation:blade-turn 1.8s cubic-bezier(.7,0,.2,1) forwards;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,49.7% 49.8%,49.8% 50.3%,50.3% 50.2%,50.2% 49.7%,49.7% 49.8%)}@keyframes iris-exit{0%,25%{background:#080808}40%{background:transparent}99%{visibility:visible}100%{background:transparent;visibility:hidden}}@keyframes blade-turn{0%,25%{transform:rotate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,49.7% 49.8%,49.8% 50.3%,50.3% 50.2%,50.2% 49.7%,49.7% 49.8%)}100%{transform:rotate(65deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,-40% 0,0 140%,140% 100%,100% -40%,-40% 0)}}@keyframes logo-exit{0%,20%{opacity:1}45%,100%{opacity:0}}@keyframes scene{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(min-width:1600px){.section,footer{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}@media(max-width:1050px){.header nav{gap:18px}.start-link{display:none}.hero{min-height:760px}.hero-content{left:6%;right:6%;top:31%}.hero h1{font-size:15vw}.services-layout{gap:5%}.service-list summary{font-size:21px}}@media(max-width:700px){.header{height:80px;padding:0 6%}.brand{font-size:16px}.brand img{width:37px;height:37px}.brand small{font-size:8px}.header-actions{gap:18px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:12px 0 12px 8px}.menu-toggle span{width:24px;height:1px;background:white}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:30px 6%;background:#10110f;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:25px}.header nav a{font-size:21px}.hero{min-height:720px;height:100svh;max-height:1000px}.hero-top{top:110px;left:6%;right:6%;font-size:9px;line-height:1.6}.hero-top span:first-child{max-width:180px}.hero-content{top:31%}.hero h1{font-size:21vw;margin:27px 0 30px}.hero-content>.eyebrow{font-size:10px}.hero-bottom-copy{align-items:flex-start;gap:20px;flex-direction:column}.hero-bottom-copy p{font-size:14px}.round-cta{margin-top:12px;font-size:10px;gap:12px}.play{width:49px;height:49px;font-size:22px}.hero-footer{left:6%;right:6%;font-size:8px;gap:20px}.hero-footer>span:last-child{display:none}.hero-footer>a{white-space:nowrap}.section{padding:65px 6%}.section-top,.section-heading{flex-direction:column;gap:20px;align-items:flex-start}.section-top{margin-bottom:25px}.section-heading{margin-bottom:35px}h2{font-size:3.7rem}.section-heading>p{font-size:14px}.small-note{font-size:11px}.eyebrow{font-size:11px}.project-grid{grid-template-columns:1fr;gap:32px}.project:nth-child(even){transform:none}.project-meta h3{font-size:19px}.project-image{aspect-ratio:1.3}.services-layout{grid-template-columns:1fr;gap:35px;margin-top:25px}.service-list summary{font-size:22px;padding:24px 0}.about{grid-template-columns:1fr;gap:40px}.about-visual{aspect-ratio:1.2}.about-visual>span{font-size:4rem}.about-copy h2{margin:22px 0}.about-copy>p:not(.eyebrow){font-size:15px}.contact h2{font-size:3.6rem}.form-shell [data-tf-live]{min-height:550px}.form-fallback{line-height:1.8}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:10px}.footer-bottom{font-size:8px;line-height:1.7;align-items:flex-start}dialog{padding:20px}.detail-info{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.iris{display:none}}
.form-shell [data-tf-live]{min-height:0}
.iris{z-index:2147483647} @media(max-width:700px){html[lang=en] .hero h1{font-size:18vw}}
.instagram-link{display:grid;place-items:center;width:36px;height:44px;color:var(--text);transition:color .2s}.instagram-link:hover{color:var(--accent)}@media(max-width:700px){.header-actions{gap:9px}.instagram-link{width:30px}.header .brand{gap:5px}}
.project-grid{align-items:start}.project-image{aspect-ratio:auto}.project-image img{height:auto;object-fit:contain;filter:none}.project button:hover img{transform:none;filter:none}.project-index{display:none}.project-arrow{background:#080808bf;width:38px;height:38px;display:grid;place-items:center;font-size:24px}.detail-image{aspect-ratio:auto;height:auto;object-fit:contain}