/* KATACHIKA — an independent creative portfolio. */
:root{--bg:#10110f;--surface:#181a16;--ink:#f1f0e9;--muted:#a3a69b;--line:#eeeece26;--blue:#d0f76a;--silver:#c8cbbc;--accent:#d0f76a;--ease:cubic-bezier(.2,.75,.2,1)}
html{scroll-padding-top:110px}body{background:var(--bg);color:var(--ink)}::selection{background:var(--accent);color:#151810}:focus-visible{outline-color:var(--accent)}
.site-header{position:sticky;top:0;z-index:80;min-height:94px;padding:20px 5%;background:#10110fdb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#eeeece20;transition:padding .3s,background .3s}.site-header.scrolled{padding-top:13px;padding-bottom:13px;background:#10110ff0}.brand{display:inline-flex;gap:12px;align-items:center;letter-spacing:-.06em}.brand-mark{width:30px;height:32px;display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:none;transform:rotate(-3deg)}.brand-mark i{display:block;background:var(--accent)}.brand-mark i:nth-child(1){grid-row:span 2}.brand-mark i:nth-child(2){clip-path:polygon(0 0,100% 0,0 100%)}.brand-word{font-size:24px;line-height:1.1;color:var(--ink)!important;letter-spacing:.04em}.brand-word small{display:block;letter-spacing:.25em;font-size:8px;line-height:1.6;color:#aeb29f;font-weight:500;margin-top:4px}nav{gap:32px}nav a{font-size:13px}nav a:hover,nav a[aria-current]{color:var(--accent);border-color:var(--accent)}.site-header .nav-contact{margin-left:8px;border:1px solid #d0f76a77;border-radius:2px;padding:8px 21px;color:var(--accent)}.site-header .nav-contact:hover{background:var(--accent);color:#11150b}.menu-toggle{display:none}
.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.19em;font-family:Arial,sans-serif;font-weight:600}.dim,.small{color:var(--muted)}.button{background:var(--ink);border-color:var(--ink);color:#151810;border-radius:2px}.button:hover{background:var(--accent);color:#151810;border-color:var(--accent)}.text-link,.link-label,.secondary-link{border-color:#767c69}.text-link:hover,.field-card:hover .link-label,.secondary-link:hover{color:var(--accent);border-color:var(--accent)}h1,h2,h3{text-wrap:balance}.wrap{max-width:1520px}.progress{z-index:100}.profile-note{border-color:var(--accent);color:#c4cbb7}.pill,.tags span{color:#c3c9b7!important;background:#d0f76a0b!important;border-color:#c4d3a121!important}.back{color:var(--muted);border-color:#676f58}.page-intro{padding-top:50px;padding-bottom:70px}.page-intro h1{font-weight:650;letter-spacing:-.04em}.page-intro .lead{color:#a7ac9e}.page-intro::after{content:"";display:block;width:52px;height:3px;background:var(--accent);margin-top:36px}
.k-hero{position:relative;min-height:760px;max-width:1800px;margin:auto;isolation:isolate;overflow:hidden;padding:35px 5% 36px}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d9e2bd07 1px,transparent 1px),linear-gradient(90deg,#d9e2bd07 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}.k-hero-top{display:flex;justify-content:space-between;align-items:center;color:#999e8f;font-family:Arial,sans-serif;letter-spacing:.17em;font-size:10px;gap:20px}.k-hero-top>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 12px #d0f76a60}.k-hero-copy{position:relative;z-index:3;width:66%;padding-top:94px;pointer-events:none}.k-hero-copy a{pointer-events:auto}.hero-kicker{font-size:15px;color:#b5bd9f;margin-bottom:26px;letter-spacing:.1em}.k-hero h1{font-size:clamp(48px,5.55vw,91px);font-weight:750;line-height:1.38;letter-spacing:-.07em;white-space:nowrap;text-wrap:initial;filter:drop-shadow(0 2px 20px #10110f99)}.k-hero h1>span{display:block}.accent-text{color:var(--accent)}.hero-period{color:var(--accent);display:inline-block}.k-hero-description{color:#b9bdb0;font-size:15px;line-height:2.05;margin-top:31px}.k-hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.k-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:13px;font-weight:600;padding:15px 23px;min-height:54px;border-radius:2px;transition:transform .3s,background .3s}.k-button-primary{background:var(--accent);color:#18200f}.k-button:hover{transform:translateY(-3px);background:#e0ff94}.k-button span{font-size:21px;font-weight:400}.k-text-button{font-size:13px;display:inline-flex;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid #a2ac8c66;transition:color .25s}.k-text-button:hover{color:var(--accent)}.k-text-button span{font-size:18px}.hero-cinema{position:absolute;right:5%;top:116px;width:47%;z-index:1;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) rotateZ(3deg);will-change:transform;transition:transform .65s var(--ease)}.cinema-frame{height:480px;position:relative;overflow:hidden;background:#1c2118;border:1px solid #b9c59b50;box-shadow:20px 36px 80px #0009;isolation:isolate}.cinema-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;opacity:.83}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b100cf5,transparent 50%,#0b100c55),linear-gradient(90deg,#10110f5c,transparent 60%);pointer-events:none}.cinema-label{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:9px Arial,sans-serif;letter-spacing:.17em;color:#e3e7d3}.cinema-label b{font-weight:400;color:var(--accent)}.cinema-corner{position:absolute;width:30px;height:30px;z-index:2}.cinema-corner.tl{left:8px;top:8px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.cinema-corner.br{right:8px;bottom:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}.cinema-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cinema-meta{color:#bcc5a6;letter-spacing:.18em;font:9px Arial,sans-serif}.cinema-bottom p{font-size:19px;font-weight:600;margin-top:6px}.cinema-play{width:49px;height:49px;border:1px solid #d0f76a9c;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:#d0f76a10;transition:background .3s,color .3s}.cinema-play span{font-size:13px;margin-left:3px}.cinema-play:hover{background:var(--accent);color:#17200f}.cinema-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.film-switcher{display:flex;gap:20px}.film-switcher button,#preview-toggle{font:9px Arial,sans-serif;letter-spacing:.1em;color:#8d9580;background:none;border:0;padding:8px 0;white-space:nowrap;min-height:35px}.film-switcher button span{font-size:8px;color:#666f58;margin-right:4px}.film-switcher button[aria-pressed=true]{color:var(--accent);border-bottom:1px solid var(--accent)}#preview-toggle{border:1px solid #8b987344;padding:8px 10px;color:#c5cbb6}.hero-bottom-line{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #eeeece20;padding-top:23px;font-size:10px;letter-spacing:.12em;color:#a1aa90}.hero-bottom-line>a{font:9px Arial,sans-serif;display:flex;align-items:center;gap:12px;letter-spacing:.2em}.scroll-line{width:32px;height:1px;background:var(--accent);position:relative}.scroll-line::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(-45deg)}
.k-ticker{padding:20px 0;border-top:1px solid #d0f76a25;border-bottom:1px solid #d0f76a25;overflow:hidden;background:#151810}.k-ticker>div{display:flex;gap:36px;align-items:center;width:max-content;animation:ticker 42s linear infinite}.k-ticker span{font:500 17px Arial,sans-serif;letter-spacing:.1em;color:#b7c2a0}.k-ticker i{font-size:20px;font-style:normal;color:var(--accent)}.k-ticker:hover>div{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.k-intro{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:35px;align-items:start}.k-intro>.eyebrow{padding-top:10px}.k-intro>div{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:start}.k-intro h2{font-size:29px;font-weight:600;white-space:nowrap;line-height:1.7;letter-spacing:-.03em}.k-intro p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2.2}.k-intro>.k-text-button{justify-self:end;align-self:end;white-space:nowrap}
.selected{border-top:1px solid var(--line)}.section-head h2{font-weight:600}.selection-poster{border-radius:3px;border-color:#d0f76a22!important;transition:transform .5s var(--ease),border-color .5s!important}.selection:hover .selection-poster{transform:translateY(-7px);border-color:#d0f76a88!important}.selection-poster img{transition:transform .65s var(--ease)}.selection:hover .selection-poster img{transform:scale(1.035)}.selection-poster>span{background:#10110fc9!important;color:#d8e3c0!important;backdrop-filter:blur(8px)}.selection h3{font-size:21px;font-weight:600}.selection>.eyebrow{margin-top:19px}.field-media{background:#191d14;border-color:#b2c29129}.field-card:hover .field-media{border-color:#d0f76a99}.field-media.design{background:#e9e9df}.field-caption h3{font-weight:600}.field-caption .dim{font-size:14px}.connection-card{background:#171a14!important;border-color:#b8c39e2b!important;transition:transform .4s,border-color .4s}.connection-card:hover{transform:translateY(-5px);border-color:#d0f76a88!important}.connection-card h3{font-weight:600;font-size:20px}.connections h2{font-weight:600}.related-work a{color:#c9d4b2!important;border-color:#a9bd7938!important;background:#c5dba607!important}.related-work a:hover{background:#d0f76a16!important;border-color:#d0f76a!important}.about{background:radial-gradient(ellipse at 0 100%,#a5c55909,transparent 65%)}.about h2,.process h2{font-weight:600}.about h3{font-weight:650}.about p{color:#a8af9d}.process{background:#171a14}.steps article{border-top-color:#5d6950}.steps h3{font-size:19px;font-weight:600}.steps p{font-size:14px}.availability{font-size:13px;color:#c5cfb3}.k-faq{padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.8fr;gap:60px}.k-faq h2{font-size:34px;font-weight:600;margin-top:20px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;font-size:15px;line-height:1.8;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding-bottom:24px;font-size:14px;color:var(--muted);line-height:2.1}.contact{background:radial-gradient(ellipse at 100% 100%,#b5d56e12,transparent 65%),#181c13;padding-top:100px;padding-bottom:100px}.contact h2{font-weight:650;font-size:clamp(32px,4vw,58px);letter-spacing:-.05em}.contact .button{background:var(--accent);border-color:var(--accent);font-size:14px;padding:19px 28px}.contact .button:hover{background:#e3ffab}.contact .dim{font-size:14px}.contact .small{font-size:12px}footer{color:#939e83;font-size:11px}footer .brand-word{font-size:19px}footer .brand-mark{width:24px;height:25px}footer .brand-word small{font-size:7px}
.web-preview{border-color:#d0f76a33;background:#171a14}.browser-bar{background:#20251b;color:#acb69a}.preview-open{background:#12180de0;border-color:#d0f76a55;color:#e2ebd2}.web-preview:hover .preview-open{color:#15200c}.showcase-card{border-color:#c1ce9e2b!important}.showcase-info h2{font-weight:600}.showcase-info .small{color:#b1bea0}.player{background:#080a06!important}.player button,.motion-card button{border-color:#a7bc7550!important}.work-filters button,.catalog-filters button{border-color:#bdcd9b3b!important;color:#bcc8a9!important;background:#191e13!important}.work-filters button[aria-pressed=true],.catalog-filters button[aria-pressed=true]{background:var(--accent)!important;color:#1a230e!important;border-color:var(--accent)!important}.project-card{background:#171a14!important;border-color:#becb9d25!important}.project-card:hover{border-color:#d0f76a88!important}.project-open{background:none!important}.project-caption h2{font-weight:600}.project-caption .eyebrow,.project-sub{color:#b6c39d!important}.project-image-frame{background:#1b2014!important}.project-badge{background:#15200ee6!important;color:var(--accent)!important}.catalog-count{color:#a7b494!important}.project-description,.catalog-note{color:#a9b49b!important}.project-view{color:#d2dfa9!important}.project-open:hover .project-view{color:var(--accent)!important}.project-dialog,.project-dialog-head{background:#161b12!important;color:var(--ink)!important}.project-close,.project-slider button{background:#161e10!important;color:var(--ink)!important;border-color:#d0f76a55!important}.project-detail-image{background:#1c2216!important}.project-limits{border-color:#82955c66!important;color:#b8c4a4!important}.catalog-delivery{border-color:var(--line)!important}.delivery-grid h3{color:var(--ink)!important}.delivery-grid p{color:#a9b59a!important}
.film-dialog{padding:18px;background:#10150d;width:min(1060px,94vw);border:1px solid #d0f76a55}.film-dialog::backdrop{background:#020500ed;backdrop-filter:blur(10px)}.film-dialog video{width:100%;max-height:74vh;display:block;background:#050703}.film-close{display:block;margin-left:auto;margin-bottom:14px;background:none;border:1px solid #d0f76a55;color:#e1e6d7;font-size:13px;padding:8px 17px}.film-dialog-title{padding:12px 0 0;font-size:14px;color:#c7d4b4}.k-reveal{opacity:1;transform:none}.motion-ready .k-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready .k-reveal.in-view{opacity:1;transform:none}.motion-ready .k-hero-copy{animation:hero-entry 1s var(--ease) both}.motion-ready .hero-cinema{animation:cinema-entry 1.25s var(--ease) both}@keyframes hero-entry{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes cinema-entry{from{opacity:0;translate:35px 15px}to{opacity:1;translate:0 0}}
@media(min-width:1550px){.hero-cinema{width:46%;top:115px}.cinema-frame{height:540px}.k-hero{min-height:830px}.k-hero-copy{padding-top:110px}}
@media(max-width:1100px){.site-header{padding-left:5%;padding-right:5%}nav{gap:22px}.k-hero{min-height:720px}.k-hero-copy{padding-top:100px;width:67%}.k-hero h1{font-size:6.1vw}.hero-cinema{top:145px;width:49%;right:4%}.cinema-frame{height:390px}.cinema-bottom p{font-size:16px}.film-switcher{gap:12px}.k-intro{grid-template-columns:1fr 3fr;gap:28px}.k-intro>.k-text-button{grid-column:2;justify-self:start}.k-intro>div{gap:25px}.hero-bottom-line>span{font-size:9px}.selected-grid{gap:22px!important}}
@media(max-width:760px){html{scroll-padding-top:85px}.site-header{min-height:76px;padding:16px 6%;gap:10px}.site-header.scrolled{padding-top:12px;padding-bottom:12px}.brand-word{font-size:22px}.brand-mark{width:26px;height:28px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:43px;height:43px;padding:10px;border:1px solid #c4d3a135;background:#1b2114;border-radius:2px;z-index:2}.menu-toggle span{display:block;height:1px;width:21px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 6% 24px;background:#14180ffb;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{font-size:14px;padding:14px 0;border-bottom:1px solid #ffffff12}.site-header .nav-contact{margin:14px 0 0;text-align:center;padding:12px}.k-hero{min-height:0;padding:24px 6% 0;overflow:hidden}.k-hero-top{font-size:8px;letter-spacing:.09em}.k-hero-top>span:last-child{display:none}.k-hero-copy{width:100%;padding-top:40px}.hero-kicker{font-size:12px;margin-bottom:16px}.k-hero h1{font-size:clamp(34px,8.4vw,62px);line-height:1.48;letter-spacing:-.065em}.k-hero-description{font-size:13px;margin-top:21px}.k-hero-actions{gap:22px;margin-top:23px}.k-button{font-size:12px;padding:12px 17px;gap:24px;min-height:48px}.k-text-button{font-size:12px;gap:12px}.hero-cinema{position:relative;top:auto;right:auto;width:100%;margin:42px 0 35px;transform:perspective(1000px) rotateY(-4deg) rotateZ(1.5deg)}.cinema-frame{height:auto;aspect-ratio:1.22}.cinema-label{font-size:8px;top:17px;left:17px;right:17px}.cinema-bottom{left:19px;right:19px;bottom:20px}.cinema-meta{font-size:8px}.cinema-bottom p{font-size:16px}.cinema-play{width:44px;height:44px}.cinema-controls{margin-top:13px}.film-switcher{gap:17px}.film-switcher button,#preview-toggle{font-size:8px}.hero-bottom-line{position:static;display:flex;justify-content:space-between;padding:19px 0 22px}.hero-bottom-line>span{display:none}.hero-bottom-line>a{font-size:8px}.k-ticker{padding:15px 0}.k-ticker>div{gap:24px}.k-ticker span{font-size:13px}.k-ticker i{font-size:16px}.k-intro{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr;gap:22px}.k-intro>div{grid-template-columns:1fr;gap:20px}.k-intro h2{font-size:28px}.k-intro p:not(.eyebrow){font-size:13px}.k-intro>.k-text-button{grid-column:auto;justify-self:start}.desktop-br{display:none}.selected{padding-top:65px!important;padding-bottom:65px!important}.section-head{align-items:start;gap:20px;margin-bottom:30px}.section-head h2{font-size:27px;margin-top:12px}.section-head>.text-link{font-size:11px;white-space:nowrap;align-self:end}.selected-grid{grid-template-columns:1fr 1fr!important;gap:28px 16px!important}.selection-poster{height:240px!important}.selection h3{font-size:16px}.selection>.eyebrow{font-size:9px;letter-spacing:.07em}.selection-poster>span{font-size:10px!important;padding:5px 8px!important}.selected>.small{font-size:11px;margin-top:28px}.fields{padding-top:65px;padding-bottom:65px}.field-grid{gap:42px}.field-media{height:280px}.field-caption h3{font-size:25px}.field-caption .dim{font-size:13px}.connections{padding-top:55px!important;padding-bottom:55px!important}.connection-card h3{font-size:18px}.about{padding-top:65px;padding-bottom:65px;gap:30px}.about h2{font-size:30px}.about h3{font-size:25px}.about p{font-size:14px}.profile-note{font-size:12px}.process{padding-top:65px;padding-bottom:65px}.process h2{font-size:29px;margin-bottom:32px}.steps{gap:28px 20px}.steps h3{font-size:17px}.steps p{font-size:13px}.availability{font-size:12px;gap:10px 22px}.k-faq{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.k-faq h2{font-size:29px;margin-top:12px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list details p{font-size:13px}.contact{padding-top:65px;padding-bottom:65px;gap:28px}.contact h2{font-size:34px}.contact>div:last-child{justify-self:start}.contact .button{font-size:13px;padding:17px 22px}.contact .small{margin-top:16px}.page-intro{padding-top:30px;padding-bottom:45px}.page-intro h1{font-size:36px}.page-intro .lead{font-size:14px}.back{font-size:12px;margin-bottom:30px}.project-grid{gap:18px!important}.project-caption h2{font-size:17px!important}.film-dialog{padding:12px}footer{gap:20px;flex-wrap:wrap}footer p{font-size:10px}}
@media(max-width:380px){.k-hero h1{font-size:8.2vw}.k-hero-actions{gap:16px}.k-button{gap:15px}.film-switcher{gap:10px}.cinema-label>span:last-child{display:none}.selection-poster{height:210px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .k-reveal{opacity:1;transform:none}.hero-cinema{will-change:auto}}
.selection{min-width:0}.selection-poster{min-width:0}.k-intro>*{min-width:0}
@media(max-width:760px){.page-intro h1{font-size:clamp(25px,7.2vw,42px);line-height:1.65}}