*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f3f4e1;color:#262d27;font-synthesis:none;--bg:#f3f4e1;--ink:#262d27;--line:#262d2740;--accent:#41cc58}html[data-theme=dark] body{--bg:#262d27;--ink:#f3f4e1;--line:#f3f4e145;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #41cc58;outline-offset:6px}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;z-index:101;background:#41cc58;padding:15px}.skip-link:focus{top:0}.cin-header{position:fixed;z-index:30;left:0;top:0;right:0;display:grid;grid-template-columns:1fr 1.35fr .8fr auto 44px;align-items:start;gap:32px;padding:28px 3%;color:#fff;transition:background .4s,color .4s,padding .4s}.cin-header.is-scrolled{background:var(--bg);color:var(--ink);padding-top:17px;padding-bottom:17px;border-bottom:1px solid var(--line)}.ek-logo{width:76px}.is-scrolled .ek-logo img{filter:brightness(0) saturate(100%)}html[data-theme=dark] .is-scrolled .ek-logo img{filter:none}.header-role,.cin-header nav,.header-talk{font-size:12px;line-height:1.45;letter-spacing:.055em}.cin-header nav{display:grid;justify-self:start}.cin-header a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{padding:7px 0;width:30px;height:30px;justify-self:end}.menu-toggle span{display:block;height:1px;background:currentColor;margin:6px 0}.section{padding:100px 4%}.eyebrow,.section-label{font-size:11px;letter-spacing:.08em;line-height:1.5}.section-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:60px}.film-hero{height:100svh;min-height:700px;position:relative;background:#262d27;color:#f3f4e1;overflow:hidden}.hero-poster,.film-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.film-hero video{opacity:0;transition:opacity 1.2s}.film-hero.has-video video{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0001 70%),linear-gradient(0deg,#0007,transparent 45%)}.hero-caption{position:absolute;top:40%;left:4%;width:64%}.hero-caption>.eyebrow{display:block;margin-bottom:28px}.hero-caption h1{position:relative;height:2em;font-size:clamp(56px,7.2vw,126px);line-height:.96;letter-spacing:-.045em}.title-frame{position:absolute;inset:0;opacity:0;transform:translateY(45px);clip-path:inset(100% 0 0 0);transition:opacity .8s,transform 1.1s cubic-bezier(.2,.7,.2,1),clip-path 1.1s}.title-frame.is-active{opacity:1;transform:none;clip-path:inset(0)}.hero-description{position:absolute;right:4%;top:43%;width:24%;font-size:17px;line-height:1.4}.hero-description a{display:block;font-size:10px;letter-spacing:.06em;margin-top:32px;max-width:200px}.hero-bottom{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em;gap:20px}.hero-bottom button{padding:0}.perspective-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12%}h2{font-size:clamp(44px,6vw,100px);line-height:1.04;letter-spacing:-.04em}.large-copy{font-size:clamp(25px,2.5vw,40px);line-height:1.25;letter-spacing:-.025em}.perspective-copy>p:not(.large-copy){font-size:17px;line-height:1.55;margin-top:32px;max-width:470px}.perspective-copy .identity{font-size:10px!important;letter-spacing:.07em}.line-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;padding:18px 0;font-size:11px;letter-spacing:.04em;margin-top:28px}.line-link span{font-size:24px;transition:transform .3s}.line-link:hover span{transform:translate(4px,-4px)}.about-image{margin-top:85px;position:relative;overflow:hidden}.about-image img{width:100%;aspect-ratio:2.05;object-fit:cover;object-position:center 53%;transition:transform 1s}.about-image:hover img{transform:scale(1.025)}figcaption{font-size:10px;letter-spacing:.08em;margin-top:12px}.work-section{background:#262d27;color:#f3f4e1}.work-heading{position:relative}.work-heading>p{position:absolute;right:8%;bottom:110px;line-height:1.5;font-size:17px}.work-rail{position:relative}.work-track{display:flex;gap:24px;padding:0 4%}.project-panel{flex:0 0 74vw;max-width:1200px;display:grid;grid-template-columns:1.15fr 1fr;min-height:520px;background:#f3f4e1;color:#262d27}.project-visual{position:relative;min-height:520px;overflow:hidden;background:#1d3b2d;color:#f3f4e1;padding:36px;display:flex;align-items:end}.project-visual img{position:absolute;width:38%;height:58%;object-fit:contain;right:9%;top:5%;transition:transform .8s}.project-visual:hover img{transform:scale(1.05) rotate(-3deg)}.project-word{font-size:clamp(32px,4.3vw,68px);line-height:.95;letter-spacing:-.04em;z-index:1;margin-bottom:33px}.project-visual small{position:absolute;bottom:25px;left:36px;font-size:9px;letter-spacing:.05em}.project-wapi .project-visual{background:#d8240c;color:#fff}.project-wapi .project-visual img{height:50%;right:12%;top:6%}.project-copy{padding:45px 35px;align-self:center}.project-copy h3{font-size:clamp(29px,3vw,46px);line-height:1.05;letter-spacing:-.025em;margin:28px 0}.project-copy p{font-size:16px;line-height:1.5}.work-controls{display:flex;justify-content:space-between;gap:20px;padding:26px 4%;font-size:10px;letter-spacing:.05em}.work-controls button{font-size:10px;opacity:.5;padding:0}.work-controls button[aria-current=true]{opacity:1;color:#41cc58}.work-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:65px}.work-note>p{font-size:30px}.work-note>div{max-width:520px;line-height:1.5}.expertise h2{margin-bottom:70px}.expertise-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:start}.expertise figure img{width:100%;aspect-ratio:.85;object-fit:cover;object-position:66% center}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:25px 1fr 20px;gap:16px;align-items:baseline;padding:27px 0;cursor:pointer;font-size:clamp(22px,2.1vw,34px);line-height:1.12;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary small{font-size:10px}summary>span{transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}details>div{padding:0 36px 30px 41px;line-height:1.5;font-size:16px}details>div a{display:block;font-size:10px;margin-top:25px;letter-spacing:.06em}.contact-section{background:#41cc58;color:#262d27}.contact-title{font-size:clamp(65px,11vw,175px);line-height:.95;letter-spacing:-.05em;display:block;position:relative}.contact-title>span{position:absolute;right:1%;top:10px;font-size:.7em;transition:transform .4s}.contact-title:hover>span{transform:translate(12px,-12px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:70px;font-size:24px;line-height:1.3}.contact-grid>div{display:grid;align-content:start;gap:16px;font-size:20px}.contact-grid>div a:last-child{font-size:11px;margin-top:15px}.cin-footer{background:#262d27;color:#f3f4e1;padding-top:60px;padding-bottom:24px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;font-size:12px;line-height:1.5;gap:30px}.footer-top nav,.footer-top>div{display:grid;align-content:start;gap:6px}.footer-mark{display:block;margin:70px 0 50px;width:50%;max-width:620px}.footer-mark img{width:100%}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f3f4e140;padding-top:22px;font-size:9px;letter-spacing:.04em}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1s}.motion-ready .reveal.visible{opacity:1;transform:none}dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;padding:30px 4%;background:#f3f4e1;color:#262d27;overflow:auto}dialog::backdrop{background:#262d27}dialog[open]{animation:menu-in .55s cubic-bezier(.2,.7,.2,1)}.menu-top{display:flex;align-items:start;justify-content:space-between}.menu-top img{width:85px}.menu-top button{font-size:11px;display:flex;align-items:center;gap:25px}.menu-top button span{font-size:30px}.menu-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;margin-top:65px}.menu-layout nav{display:grid}.menu-layout nav>a{font-size:clamp(40px,6.5vw,95px);line-height:1.3;letter-spacing:-.04em;display:flex;gap:25px;align-items:baseline}.menu-layout nav>a:hover{color:#238c34}.menu-layout nav small{font-size:10px;letter-spacing:0}.menu-contact{align-self:end;display:grid;gap:15px;font-size:18px}.menu-contact>div{display:grid;gap:10px;margin:25px 0;font-size:13px}.menu-contact button{text-align:left;padding:0;font-size:11px}.menu-bottom{border-top:1px solid #262d2740;margin-top:70px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em}@keyframes menu-in{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.rail-ready .work-stage{position:sticky;top:90px;overflow:hidden}.rail-ready .work-track{width:max-content;will-change:transform}.work-stage{padding-top:10px}.rail-ready .work-rail{height:145vh}.project-panel{min-height:min(520px,65vh)}.project-visual{min-height:min(520px,65vh)}}
@media(max-width:999px){.cin-header{grid-template-columns:1fr auto 30px;gap:25px}.header-role,.cin-header>nav{display:none}.film-hero{min-height:700px}.hero-caption{top:38%;width:80%}.hero-description{top:auto;bottom:100px;left:4%;width:70%;font-size:15px}.hero-description a{display:none}.hero-caption h1{font-size:clamp(55px,9vw,95px)}.hero-bottom>span{display:none}.section{padding:75px 5%}.perspective-grid{gap:6%;grid-template-columns:1fr 1fr}.work-track{display:grid;padding:0 5%;gap:35px}.project-panel{max-width:none;min-height:450px}.project-visual{min-height:450px}.work-controls{display:none}.project-word{font-size:45px}.work-heading>p{position:static;margin-top:25px}.expertise-grid{gap:6%}.footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){.cin-header{padding:20px 5%;align-items:center}.ek-logo{width:58px}.header-talk{font-size:10px}.film-hero{height:100svh;min-height:680px}.hero-poster,.film-hero video{object-position:70% center}.hero-caption{left:5%;right:5%;width:90%;top:40%}.hero-caption h1{font-size:clamp(52px,11.5vw,76px)}.hero-caption>.eyebrow{font-size:9px}.hero-description{left:5%;bottom:95px;font-size:13px}.hero-bottom{left:5%;right:5%;font-size:9px;bottom:25px}.section-label{font-size:9px;margin-bottom:40px}.section-label>span:last-child{max-width:45%;text-align:right}.perspective-grid,.expertise-grid,.work-note,.contact-grid{grid-template-columns:1fr;gap:35px}h2{font-size:clamp(40px,10vw,65px)}.perspective-copy{margin-top:15px}.large-copy{font-size:28px}.about-image{margin-top:45px}.about-image img{aspect-ratio:.95;object-position:66% center}.project-panel{grid-template-columns:1fr}.project-visual{min-height:370px}.project-copy{padding:35px 25px}.project-word{font-size:60px}.project-visual img{width:32%;height:55%;right:10%}.work-note>p{font-size:28px}.expertise figure img{aspect-ratio:1.05}.expertise h2{margin-bottom:45px}summary{font-size:24px;padding:25px 0;gap:10px}details>div{padding-left:35px}.contact-title{font-size:clamp(66px,15vw,100px)}.contact-title>span{font-size:.5em;top:5px}.contact-grid{margin-top:45px}.contact-grid>div{font-size:18px;overflow-wrap:anywhere}.footer-top{grid-template-columns:1fr 1fr;font-size:11px;gap:35px}.footer-top>span{grid-column:1/-1}.footer-mark{width:85%;margin:60px 0 40px}.footer-bottom{font-size:8px;gap:18px}.menu-layout{grid-template-columns:1fr;margin-top:40px;gap:40px}.menu-layout nav>a{font-size:50px}.menu-contact{font-size:15px}.menu-bottom{font-size:8px;gap:15px}.menu-top img{width:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.film-hero video{display:none}.title-frame{transform:none}.title-frame:not(:first-child){display:none}.work-track{transform:none!important}.reveal{opacity:1!important;transform:none!important}}

.menu-portrait{width:135px;height:150px;object-fit:cover;object-position:70% center;margin-bottom:20px}@media(max-width:650px){.menu-portrait{display:none}}