*{box-sizing:border-box} :root{--paper:#eeece8;--ink:#101010;--muted:#77746f;--orange:#f0442c;--line:rgba(16,16,16,.16)}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(238,236,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:18px}.brand strong{font-size:19px;letter-spacing:-.6px}.brand small{display:block;font:10px "Space Mono";letter-spacing:1.5px;color:var(--muted);margin-top:3px}.orange{color:var(--orange)}nav{display:flex;gap:34px}nav a,.nav-cta,.button,.eyebrow,.micro-label,.hero-foot small,.hero-foot strong,.scroll-note,.project-visual small,.archive-row,.grade-label,.grade-caption,.service-grid article>span,.contact-bottom,footer{font-family:"Space Mono",monospace;letter-spacing:1px;font-size:11px}nav a{font-weight:bold;color:#555;transition:color .2s}nav a:hover,.text-link:hover{color:var(--orange)}.nav-cta{background:var(--ink);color:white;padding:14px 22px;border-radius:30px;font-weight:bold}.menu-toggle{display:none;background:none;border:0;font-size:23px}.intro-hero{min-height:740px;height:calc(100vh - 76px);max-height:900px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.micro-label{position:absolute;top:9%;left:12%;font-size:15px;line-height:1.6;font-weight:bold;letter-spacing:4px}.hero-crosses{position:absolute;inset:0;display:flex;justify-content:space-around;pointer-events:none;color:#999}.hero-crosses i{position:absolute;top:18%;font-style:normal}.hero-crosses i:nth-child(2){top:53%;left:3%}.hero-crosses i:nth-child(3){left:50%}.hero-crosses i:nth-child(4){left:95%;top:53%}.hero-crosses i:nth-child(5){left:75%;top:18%}.hero-title-wrap{width:100%;position:relative;text-align:center;line-height:.8;margin-top:30px}.outline-word,.solid-word{font-family:"Barlow Condensed",sans-serif;font-size:clamp(90px,15vw,230px);font-weight:900;letter-spacing:-.045em;white-space:nowrap;position:relative;z-index:2}.outline-word{color:transparent;-webkit-text-stroke:1.5px #777}.solid-word{font-size:clamp(100px,16vw,250px);margin:14px 0 20px;z-index:3}.outline-word.lower{font-size:clamp(62px,10vw,155px);letter-spacing:-.03em}.orange-bar{position:absolute;width:10.5%;height:85%;background:var(--orange);left:45%;top:0;z-index:1}.hero-foot{position:absolute;bottom:5%;left:18%;right:18%;display:flex;justify-content:space-between}.hero-foot strong{font-size:15px}.hero-foot small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.hero-role{text-align:right}.scroll-note{position:absolute;bottom:1.5%;left:50%;transform:translateX(-50%);color:#777;font-size:9px}.showreel{min-height:650px;height:82vh;max-height:850px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.24)),url("https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=2200&q=85") center 48%/cover;position:relative;color:white;display:flex;align-items:center;padding:8%}.reel-copy{max-width:600px;position:relative;z-index:2}.pills{display:flex;gap:10px;margin-bottom:25px}.pill{border-radius:30px;padding:9px 15px;font:10px "Space Mono";letter-spacing:.8px}.pill b{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:6px}.dark{background:#111;color:white}.glass{border:1px solid #ffffff55;background:#ffffff20}.reel-copy h1,.contact-section h2{font-size:clamp(48px,6vw,82px);letter-spacing:-4px;line-height:.95;margin:0 0 22px;font-weight:800}.reel-copy h1 em,.contact-section h2 em{font-style:normal;color:var(--orange)}.lead{font-size:20px;line-height:1.5;max-width:590px}.sublead{color:#d0cfcd;line-height:1.6;max-width:560px}.hero-actions,.contact-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:30px;font-weight:bold;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.orange-button{background:var(--orange);color:white}.glass-button{border:1px solid #ffffff66;background:#ffffff1c;color:white}.reel-stamp{position:absolute;right:8%;top:15%;width:90px;height:90px;border:1px solid #ffffff77;border-radius:50%;display:grid;place-content:center;text-align:center;font:14px "Space Mono";transform:rotate(12deg)}.reel-stamp small{font-size:8px;line-height:1.5}.section-pad{padding:110px 11%}.work-section{overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.eyebrow{color:var(--orange);font-weight:bold;font-size:12px}.section-top p,.section-desc{max-width:440px;line-height:1.6;color:#555;font-size:15px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 45px;gap:20px}.section-heading h2,.services-section h2,.grade-section h2,.about-content h2{font-size:clamp(42px,6vw,78px);letter-spacing:-3px;line-height:.94;margin:0;font-weight:800}.section-heading h2 span{color:#898783}.text-link{font:12px "Space Mono";font-weight:bold;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.project-card{display:block;transition:transform .35s}.project-card:hover{transform:translateY(-9px)}.project-card.tall{margin-top:35px}.project-visual{height:330px;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;box-shadow:0 10px 24px #00000016}.visual-one{background:linear-gradient(0deg,#09090999,transparent 60%),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=85") center/cover}.visual-two{background:linear-gradient(0deg,#09090999,transparent 60%),url("https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=700&q=85") center/cover}.visual-three{background:linear-gradient(0deg,#09090999,transparent 60%),url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=700&q=85") center/cover}.visual-four{background:linear-gradient(0deg,#09090999,transparent 60%),url("https://images.unsplash.com/photo-1590602847861-f357a9332af3?auto=format&fit=crop&w=700&q=85") center/cover}.project-visual:after{content:"";position:absolute;inset:0;background:#00000014;transition:background .3s}.project-card:hover .project-visual:after{background:#00000044}.project-visual small{position:absolute;top:16px;left:16px;color:white;z-index:2}.play{width:54px;height:54px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:white;z-index:2;font-size:14px}.project-meta{padding:14px 3px}.project-meta b{display:block;font-size:17px}.project-meta span{display:block;color:#777;font-size:12px;margin-top:5px}.archive-row{display:flex;justify-content:space-between;align-items:center;margin-top:40px;color:#777}.dark-button{background:#111;color:white}.grade-section{background:#e5e2dd}.grade-section h2{margin:22px 0}.grade-section h2 em,.services-section h2 em,.about-content h2 em{font-style:normal;color:var(--orange)}.grade-frame{height:520px;position:relative;margin-top:38px;border-radius:24px;overflow:hidden;border:1px solid #222;background:linear-gradient(130deg,#5a6a72,#d5c0a5 50%,#6c8995);box-shadow:0 18px 35px #0002}.grade-before,.grade-after{position:absolute;inset:0;background-size:cover;background-position:center}.grade-before{background-image:linear-gradient(#20202066,#20202066),url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1800&q=85");filter:grayscale(1);clip-path:inset(0 50% 0 0)}.grade-after{background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1800&q=85")}.grade-label{position:absolute;top:22px;padding:10px 14px;background:#111;color:white;border-radius:30px;z-index:3}.grade-label.left{left:22px}.grade-label.right{right:22px;color:var(--orange)}#gradeSlider{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize}.grade-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--orange);pointer-events:none}.grade-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;border:3px solid white;font-size:21px;pointer-events:none}.grade-caption{display:flex;justify-content:space-between;color:#666;margin-top:15px;font-size:10px}.services-section h2{margin:20px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.service-grid article{min-height:205px;padding:24px;background:#fff;border:1px solid #dedbd6;border-radius:15px;transition:transform .25s,border .25s}.service-grid article:hover{transform:translateY(-5px);border-color:var(--orange)}.service-grid article>span{color:var(--orange)}.service-grid h3{font-size:20px;line-height:1.05;margin:24px 0 12px;letter-spacing:-.5px}.service-grid p{font-size:13px;line-height:1.55;color:#65615d;margin:0}.about-section{background:#171717;color:white;display:grid;grid-template-columns:1fr 2fr;gap:8%}.about-index{display:flex;flex-direction:column;justify-content:space-between}.about-index .eyebrow{color:var(--orange)}.big-number{font:900 clamp(120px,20vw,260px)/.8 "Barlow Condensed";color:#333}.about-content h2{font-size:clamp(40px,5.5vw,70px)}.about-content p{max-width:650px;color:#c5c2bd;line-height:1.8;font-size:16px;margin:28px 0}.contact-section{background:var(--orange);color:white;position:relative}.contact-section .eyebrow{color:#33130e}.contact-section h2{font-size:clamp(70px,12vw,150px);margin:35px 0 20px}.contact-section h2 em{color:#171717}.contact-section>p{max-width:470px;line-height:1.7;font-size:17px}.contact-section .orange-button{background:white;color:#111}.contact-section .dark-button{background:#111}.contact-bottom{border-top:1px solid #ffffff70;margin-top:100px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:10px}footer{padding:22px 7.5%;display:flex;justify-content:space-between;color:#777;font-size:9px}.cursor-dot{display:none}
@media(max-width:900px){.topbar{padding:0 5%}nav{gap:15px}nav a{font-size:9px}.nav-cta{font-size:9px;padding:12px 15px}.section-pad{padding:85px 7%}.project-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr;gap:35px}.about-index{flex-direction:row;align-items:center}.big-number{font-size:100px}.project-visual{height:300px}}
@media(max-width:620px){.topbar{height:66px}.brand strong{font-size:16px}.brand small{font-size:8px}.brand-mark{width:30px;height:30px}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:22px 7%;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.topbar nav.open{display:flex}.topbar nav a{font-size:12px}.nav-cta{margin-left:auto;margin-right:15px}.menu-toggle{display:block}.intro-hero{min-height:610px;height:82vh}.micro-label{left:7%;top:8%;font-size:11px}.outline-word{font-size:19vw}.solid-word{font-size:20vw;margin:13px 0}.outline-word.lower{font-size:12vw}.hero-foot{left:7%;right:7%;bottom:7%}.hero-foot strong{font-size:11px}.hero-foot small{font-size:8px}.hero-role strong{font-size:10px}.scroll-note{display:none}.showreel{height:auto;min-height:650px;padding:24px 7%;background-position:60% center}.reel-copy h1{font-size:52px;letter-spacing:-2.5px}.lead{font-size:17px}.sublead{font-size:14px}.pills{flex-wrap:wrap}.reel-stamp{right:6%;top:5%;width:65px;height:65px;font-size:10px}.section-pad{padding:72px 6%}.section-top{display:block}.section-top p{margin-top:18px}.section-heading{display:block}.section-heading h2,.services-section h2,.grade-section h2,.about-content h2{font-size:43px;letter-spacing:-2px}.section-heading .text-link{display:inline-block;margin-top:22px}.project-grid{gap:10px}.project-card.tall{margin-top:18px}.project-visual{height:230px;border-radius:13px}.project-meta b{font-size:14px}.project-meta span{font-size:10px}.archive-row{display:block;text-align:center}.archive-row .button{margin-top:18px}.grade-frame{height:330px;border-radius:16px}.grade-caption{font-size:8px;gap:15px}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-grid article{padding:16px;min-height:190px}.service-grid h3{font-size:16px;margin:18px 0 9px}.service-grid p{font-size:11px}.about-content p{font-size:14px}.contact-section h2{font-size:76px;letter-spacing:-3px}.contact-bottom{flex-direction:column;margin-top:65px}.contact-actions .button{font-size:9px;padding:14px 16px}footer{padding:20px 6%;font-size:8px;gap:10px;flex-wrap:wrap}}