@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080808;--ink:#f6f6f3;--muted:#a3a3a3;--line:#383838}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1px;line-height:.85;display:inline-flex;flex-direction:column}.wordmark span{font-size:13px;letter-spacing:2.8px;margin-top:6px}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-inquire{border:1px solid #777;padding:10px 24px;border-radius:30px}nav a:hover,.text-link:hover{color:#b9b9b9}.hero{padding:44px 4.5% 70px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;font-weight:500;margin:0}.hero>.eyebrow{display:flex;justify-content:space-between}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(90px,13.5vw,210px);line-height:.86;text-transform:uppercase;letter-spacing:-.02em;font-weight:700;margin:54px 0 42px}.outline{color:transparent;-webkit-text-stroke:1.2px var(--ink)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}.hero-bottom p{max-width:450px;font-size:19px;margin:0;line-height:1.5}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #7c7c7c;background:transparent;padding:14px 28px;border-radius:40px;font-size:14px;font-weight:600;min-height:49px;white-space:nowrap;transition:background .2s,color .2s}.button:hover{background:#ddd;color:#080808}.button.light{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.light:hover{background:#c5c5c5}.section{margin:0 4.5%;padding:60px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px}.small{font-size:14px;color:var(--muted)}.work{padding-top:0}.films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 26px}.film:first-child{grid-column:1/-1}.film{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0}.film-image{position:relative;overflow:hidden;background:#202020;aspect-ratio:16/9}.film:first-child .film-image{aspect-ratio:2.05}.film img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s;display:block}.film:hover img{transform:scale(1.025);filter:brightness(.85)}.play{position:absolute;right:22px;bottom:22px;border:1px solid #ffffff99;background:#08080888;backdrop-filter:blur(8px);padding:12px 20px;border-radius:30px;font-size:14px;display:flex;gap:10px;align-items:center}.play svg{width:12px;height:12px;fill:white}.film-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:17px}.film h3{font-size:clamp(19px,2vw,29px);font-weight:500;line-height:1.2;margin-bottom:8px;letter-spacing:-.6px}.film .category{font-size:13px;color:var(--muted);letter-spacing:.7px}.film .number{font-size:13px;color:var(--muted);padding-top:5px}.services{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 38%;gap:20px;padding:48px 0;border-top:1px solid var(--line)}.index{font-size:14px;color:var(--muted)}h2{font-size:clamp(42px,6.5vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:500}.service-row h2{margin:0}.service-row>div{align-self:center}.service-row p{font-size:19px;line-height:1.6}.text-link{padding:6px 0;background:none;border:0;border-bottom:1px solid #888;font-size:15px;display:inline-block}.vertical{margin:20px 0 0;padding:80px 8%;background:#efefec;color:#111;display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:center}.vertical-type{aspect-ratio:9/13;max-height:530px;border:1px solid #333;display:flex;flex-direction:column;justify-content:space-between;padding:28px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(100px,13vw,200px);line-height:1;transform:rotate(-4deg)}.vertical-type span{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-2px;font-size:clamp(30px,3.4vw,55px);line-height:1;font-weight:600}.vertical h2{font-size:clamp(44px,5vw,76px);margin:30px 0}.vertical p{max-width:490px}.vertical .muted{color:#555}.vertical .button.light{background:#111;color:white;border-color:#111;margin-top:14px}.about{padding:110px 6%;display:grid;grid-template-columns:1fr 1.25fr;gap:12%;align-items:center}.about img{width:100%;height:auto;max-width:310px;justify-self:center}.about h2{font-size:clamp(40px,5.5vw,80px);margin:30px 0}.about p{max-width:520px}.muted{color:var(--muted)}.contact{border-top:1px solid var(--line);padding:70px 0 90px}.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(75px,12.5vw,180px);line-height:.92;font-weight:700;letter-spacing:-.02em;margin:40px 0}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-bottom p{max-width:430px}.email{display:inline-block;margin-top:25px;font-size:clamp(18px,3vw,36px);border-bottom:1px solid #777;overflow-wrap:anywhere}footer{margin:0 4.5%;border-top:1px solid var(--line);padding:34px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:13px;color:var(--muted)}footer p{margin:0}footer .wordmark{color:white}dialog{width:min(1200px,94vw);max-height:94dvh;overflow:auto;border:1px solid #555;background:#101010;padding:26px;color:white}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.close{border:1px solid #666;background:transparent;border-radius:30px;padding:9px 20px;white-space:nowrap}dialog h2{font-size:clamp(28px,4vw,52px);margin:30px 0;line-height:1.1;letter-spacing:-1px}#player{aspect-ratio:16/9;background:black}#player iframe{height:100%;width:100%;border:0;display:block}.project-info{display:flex;justify-content:space-between;align-items:start;gap:25px;margin:24px 0}.project-info p{max-width:680px}.project-info a{white-space:nowrap}.dialog-bottom{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:22px}#golf-extra:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #444;padding:30px 0}#golf-extra h3{font-size:27px;margin:15px 0 10px}body.modal-open{overflow:hidden}@media(min-width:1600px){body{max-width:1900px;margin:auto}}@media(max-width:700px){header{padding:23px 0}nav{gap:16px}nav a{font-size:13px}nav a[href='#about']{display:none}.nav-inquire{padding:8px 16px}.hero{padding-top:30px;padding-bottom:45px}.hero>.eyebrow{font-size:11px;letter-spacing:1px}.hero h1{font-size:clamp(75px,16vw,120px);margin:40px 0 30px}.hero-bottom{display:block}.hero-bottom p{font-size:17px;max-width:350px}.hero-actions{margin-top:25px}.section-heading .small{display:none}.films{gap:35px;grid-template-columns:1fr}.film:first-child .film-image{aspect-ratio:16/9}.film h3{font-size:23px}.film .number{display:none}.play{right:14px;bottom:14px;padding:9px 14px}.section{padding:45px 0}.work{padding-top:0}.service-row{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.service-row>div{grid-column:2}.service-row h2{font-size:48px}.service-row p{font-size:17px}.vertical{padding:50px 8%;display:flex;flex-direction:column;gap:50px}.vertical-type{width:55%;font-size:110px;aspect-ratio:9/12;padding:20px;align-self:start;margin-left:12px}.vertical-type span{font-size:30px;letter-spacing:-1px}.vertical h2{font-size:47px}.about{grid-template-columns:1fr;gap:40px;padding:65px 0}.about img{width:160px;justify-self:start}.about h2{font-size:49px}.contact-bottom{display:block}.contact h2{font-size:19vw}.contact .button{margin-top:8px}footer{display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .wordmark{font-size:24px}dialog{padding:18px}.dialog-bar .eyebrow{font-size:11px}.project-info{display:block}.project-info a{white-space:normal}#golf-extra:not([hidden]){grid-template-columns:1fr}.dialog-bottom .button{padding:12px 18px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.header-right{display:flex;align-items:center;gap:26px}.social-links{display:flex;gap:5px}.social-links a{width:38px;height:40px;display:flex;align-items:center;justify-content:center}.social-links svg{width:21px;height:21px}.social-links a:hover{color:#aaa}.bilingual{font-size:14px;letter-spacing:.1px;margin:26px 0 0}.bilingual span{color:#aaa}.contact>.bilingual{margin-bottom:25px}.reels-section{border-top:1px solid var(--line);padding:65px 0 85px}.reels-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:15px 0 45px}.reels-intro h2{font-size:clamp(44px,6vw,84px);margin:0}.reels-intro p{font-size:18px;max-width:480px}.reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.reel-card{border:0;padding:0;text-align:left;background:none}.reel-image{aspect-ratio:9/16;position:relative;overflow:hidden;background:#191919;margin-bottom:18px}.reel-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.reel-card:hover img{transform:scale(1.025)}.reel-image .play{right:12px;bottom:14px;padding:9px 14px}.reel-card .category{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#aaa}.reel-card h3{font-size:23px;line-height:1.15;font-weight:500;margin:10px 0 0;letter-spacing:-.5px}.reel-card p{color:#aaa;font-size:13px;margin-top:12px}.related-reels{display:flex;flex-wrap:wrap;gap:12px}.vertical-dialog #player{aspect-ratio:9/16;height:min(64dvh,700px);width:auto;max-width:100%;margin:auto}.vertical-dialog{max-width:850px}.vertical-dialog h2{font-size:clamp(26px,3vw,40px)}@media(max-width:1000px){nav{gap:20px}.header-right{gap:15px}.reels-grid{gap:16px}.reel-card h3{font-size:20px}}@media(max-width:700px){header{flex-wrap:wrap;gap:18px}.header-right{gap:10px;flex:1;justify-content:flex-end}nav{gap:13px}nav a[href='#approach']{display:none}.social-links{gap:0}.social-links a{width:30px}.nav-inquire{padding:8px 12px}.bilingual span{display:block;margin-top:4px}.reels-intro{grid-template-columns:1fr;gap:25px}.reels-intro h2{font-size:48px}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.reel-card h3{font-size:20px}.reel-image .play{font-size:12px;right:8px;bottom:10px;padding:8px 10px}.reel-card .category{font-size:11px;letter-spacing:.5px}.reels-section{padding:45px 0}.vertical-dialog .project-info{display:block}}@media(max-width:380px){header>.wordmark{font-size:21px}nav{gap:9px}.header-right{gap:5px}.social-links a{width:27px}}
.reel-card{align-self:start}
