/*
Theme Name: Tanis Modern
Theme URI: https://tanis-ing.com/
Author: Tanis-Inžinjering
Author URI: https://tanis-ing.com/
Description: Namjenska portfolio tema za Tanis-Inžinjering: animacije, galerije projekata, dnevni/noćni ambijent i responzivan prikaz.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tanis-modern
*/
:root{--bg:#141716;--surface:#1c201e;--text:#f1f3ed;--muted:#a9b0a9;--line:#3a403b;--accent:#d0ed8c;--pad:clamp(22px,5vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;line-height:1.07}em{font-style:normal;color:var(--muted)}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.13em;line-height:1.6}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:110}.skip:focus{top:10px}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--accent);width:0;z-index:100}.header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#141716f5;position:relative;z-index:30}.brand img{width:135px;height:auto;filter:brightness(0) invert(1)}nav{display:flex;gap:42px;align-items:center}nav a{font-size:14px;transition:color .2s}nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #697363;padding:12px 24px;border-radius:40px}.menu-button{display:none}.intro{padding:37px var(--pad) 35px}.intro-top{display:flex;justify-content:space-between;align-items:start}.intro-top .eyebrow{color:var(--accent);padding-top:4px}.intro-note{font-size:14px;color:var(--muted);line-height:1.5}.intro h1{font-size:clamp(76px,10.7vw,176px);line-height:1.02;letter-spacing:-.07em;margin:34px 0 32px;font-weight:450;max-width:1500px}.intro h1>span{display:block;animation:rise 1.1s both}.intro h1 .second{margin-left:20%;animation-delay:.13s}.intro h1 em{color:var(--accent)}.accent-square{width:.145em;height:.145em;display:inline-block;background:var(--accent);margin-left:.11em}.intro-bottom{display:flex;align-items:end;justify-content:space-between;font-size:14px}.intro-bottom p{color:var(--muted)}.text-link{display:flex;align-items:center;gap:24px;padding-bottom:6px;border-bottom:1px solid #687060}.line-icon{display:inline-block;width:15px;height:15px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin:0 5px 6px}.hero-project{position:relative;margin:0 20px;height:clamp(450px,53vw,820px);overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity 1s;animation:hero-zoom 1.8s both}.hero-night{opacity:0}.hero-project.night .hero-day{opacity:0}.hero-project.night .hero-night{opacity:1}.hero-project:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a120cd9);pointer-events:none}.hero-caption{position:absolute;z-index:2;bottom:35px;left:calc(var(--pad) - 20px);right:calc(var(--pad) - 20px);display:flex;justify-content:space-between;align-items:end}.hero-caption h2{font-size:clamp(26px,3vw,46px);margin-top:10px;letter-spacing:-.04em}.scene-switch{display:flex;border:1px solid #ffffff55;padding:5px;border-radius:30px;background:#12171255;backdrop-filter:blur(14px)}.scene-switch button{background:none;padding:10px 23px;border-radius:30px;font-size:14px}.scene-switch button.active{background:var(--text);color:var(--bg)}.image-corner{position:absolute;right:30px;top:28px;font-size:14px;border:1px solid #ffffff88;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;color:white}.discipline-strip{padding:24px 0;border-bottom:1px solid var(--line);overflow:hidden;color:var(--muted);font-size:14px;letter-spacing:.12em}.discipline-strip div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.discipline-strip b{font-size:24px;color:var(--accent);margin:0 55px;font-weight:400}.section{padding:110px var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:55px}.section-heading>.eyebrow{padding-top:10px}.section-number{color:var(--accent);margin-right:20px}h2{font-size:clamp(40px,4.8vw,76px);letter-spacing:-.055em}.section-heading h2+p{color:var(--muted);margin-top:24px}.filters{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:40px}.filters button{font-size:14px;background:none;color:var(--muted);padding:0 0 16px;border-bottom:2px solid transparent}.filters button.selected{color:var(--accent);border-color:var(--accent)}sup{font-size:10px;margin-left:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 34px;align-items:start}.project-card{text-align:left;background:none;padding:0;min-width:0}.project-card.wide{grid-column:span 2}.project-card[hidden]{display:none!important}.project-image{display:block;position:relative;overflow:hidden;background:#242a26}.project-image>img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s}.wide .project-image>img{aspect-ratio:2.12;object-position:center}.project-card:hover .project-image>img{transform:scale(1.035);filter:brightness(.8)}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:20px}.project-info .eyebrow{display:block;font-size:11px;color:var(--muted);letter-spacing:.08em}.project-info strong{font-family:Manrope,Arial,sans-serif;display:block;font-size:clamp(23px,2.3vw,36px);font-weight:450;margin-top:6px;line-height:1.2;letter-spacing:-.03em}.project-tag{font-size:13px;padding:8px 15px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.project-index{position:absolute;top:22px;left:22px;color:#fff;background:#111a17aa;backdrop-filter:blur(10px);border-radius:30px;padding:6px 12px;font-size:12px}.view-project{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);background:var(--accent);color:var(--bg);border-radius:40px;padding:16px 24px;opacity:0;transition:.3s;font-size:14px;white-space:nowrap}.project-card:hover .view-project,.project-card:focus-visible .view-project{opacity:1;transform:translate(-50%,-50%)}.offset{margin-top:95px}.technical .project-image>img{aspect-ratio:2.8;object-fit:contain}.expertise{background:#e9ede5;color:#20271f}.expertise em{color:#78836e}.expertise .section-number{color:#627445}.expertise .section-heading p:not(.eyebrow){color:#65705f}.service-list{margin-top:70px}.service-list details{border-top:1px solid #b9c1b2}.service-list details:last-child{border-bottom:1px solid #b9c1b2}.service-list summary{list-style:none;display:grid;grid-template-columns:60px 1fr 220px 25px;align-items:center;gap:24px;cursor:pointer;padding:30px 0}.service-list summary::-webkit-details-marker{display:none}.service-num{font-size:13px;color:#65705f}.service-list h3{font-size:clamp(23px,2.8vw,42px);letter-spacing:-.045em}.service-label{font-size:13px;color:#65705f}.plus{width:20px;height:20px;position:relative}.plus:before,.plus:after{content:'';position:absolute;background:#20271f;top:9px;left:0;width:20px;height:1px}.plus:after{transform:rotate(90deg);transition:.3s}details[open] .plus:after{transform:rotate(0)}.service-body{padding:0 40px 35px 84px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;animation:rise .4s}.service-body p{max-width:630px;color:#586250;font-size:16px}.tags{display:flex;flex-wrap:wrap;align-content:start;gap:8px;justify-content:end}.tags span{border:1px solid #b9c1b2;padding:5px 12px;border-radius:30px;font-size:12px}.process>.eyebrow{margin-bottom:38px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;gap:30px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid article>span{font-size:12px;letter-spacing:.07em;color:var(--accent)}.process-grid h3{font-size:23px;line-height:1.3;margin:25px 0 20px;letter-spacing:-.03em}.process-grid p{font-size:14px;color:var(--muted);max-width:250px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:40px}.about-photo{position:relative;align-self:start}.about-photo img{width:100%;max-height:720px;object-fit:cover;filter:saturate(.7)}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 20px;background:linear-gradient(transparent,#0009);font-size:11px;letter-spacing:.14em}.about-copy>.eyebrow{margin-bottom:36px}.about-copy h2{font-size:clamp(38px,4.3vw,65px);margin-bottom:28px}.about-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:20px;max-width:520px}.signature{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;display:flex;flex-direction:column;gap:4px}.signature strong{font-size:19px;font-weight:500}.signature span{font-size:13px;color:var(--muted)}.contact{background:var(--accent);color:#20291b}.contact-top{display:flex;justify-content:space-between}.contact-top .section-number{color:#586f3a}.contact-top>p:last-child{font-size:14px}.contact h2{font-size:clamp(52px,7vw,112px);margin:45px 0 65px}.contact h2 em{color:#637b42}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #20291b44;padding-top:45px}.contact-info{display:flex;flex-direction:column;align-items:start;gap:15px}.contact-info .email{font-size:clamp(20px,2.5vw,36px);letter-spacing:-.04em;line-height:1.2}.contact-info p{margin:15px 0;color:#4e633a;font-size:14px}.contact-info .eyebrow{margin-top:15px}form h3{font-size:23px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{font-size:12px;display:block;letter-spacing:.03em}input,textarea{border:0;border-bottom:1px solid #60764388;background:none;color:#20291b;width:100%;border-radius:0;padding:12px 0;font-size:15px;outline:none;margin-bottom:23px;resize:vertical}input:focus,textarea:focus{border-color:#20291b;box-shadow:0 1px 0 #20291b}input::placeholder,textarea::placeholder{color:#5b713e;opacity:1}.form-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between}.form-bottom p{font-size:12px;max-width:170px}.solid-button{display:inline-block;background:#20291b;color:#f1f3ed;padding:15px 25px;border-radius:30px;font-size:14px}.solid-button:hover{background:#3c4f2d}#form-status{font-size:13px;margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px var(--pad);font-size:12px;color:var(--muted)}footer .brand img{width:110px}dialog{width:min(1100px,96vw);max-height:94dvh;padding:30px;background:var(--bg);color:var(--text);border:1px solid var(--line);overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.dialog-top button{background:none;padding:8px;font-size:14px}.dialog-top button span{margin-left:15px;font-size:24px}.dialog-content h2{font-size:clamp(32px,5vw,60px);margin-bottom:22px}.dialog-content>p{max-width:730px;color:var(--muted);margin-bottom:30px}.dialog-content figure{margin:0 0 25px}.dialog-content img{width:100%;max-height:650px;object-fit:contain;background:#232a24}.dialog-content figcaption{font-size:13px;color:var(--muted);margin-top:8px}.dialog-content .solid-button{background:var(--accent);color:var(--bg);margin:10px 0}body.modal-open{overflow:hidden}.reveal{transition:opacity .8s,transform .8s}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-zoom{from{transform:scale(1.055)}to{transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){main,.header,footer{max-width:2000px;margin-inline:auto}}@media(max-width:1000px){.section{padding:80px var(--pad)}.section-heading{grid-template-columns:1fr 1.7fr}.service-list summary{grid-template-columns:35px 1fr 25px}.service-label{display:none}.service-body{padding-left:59px;gap:30px}.process-grid{grid-template-columns:1fr 1fr}.about{gap:40px}.contact-grid{gap:40px}.project-tag{display:none}.intro h1{font-size:11vw}}@media(max-width:640px){html{scroll-padding-top:20px}.header{height:82px}.brand img{width:115px}.menu-button{display:flex;flex-direction:column;gap:7px;background:none;padding:15px 0 15px 15px}.menu-button span{width:26px;height:1px;background:var(--text);transition:.2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--bg);padding:25px var(--pad);border-bottom:1px solid var(--line);align-items:stretch;gap:20px}nav.open{display:flex;flex-direction:column}nav a{font-size:20px}.nav-contact{font-size:16px;text-align:center}.intro{padding-top:28px;padding-bottom:27px}.intro-top .eyebrow{font-size:10px}.intro-note{display:none}.intro h1{font-size:clamp(59px,13.8vw,87px);letter-spacing:-.065em;margin:36px 0}.intro h1 .second{margin-left:5%}.intro-bottom{gap:20px;align-items:start}.intro-bottom p{font-size:12px}.text-link{font-size:12px;gap:10px;max-width:140px}.line-icon{width:10px;height:10px;flex-shrink:0}.hero-project{margin:0 10px;height:490px}.hero-media img{object-position:54% center}.hero-caption{left:20px;right:20px;bottom:25px;display:block}.hero-caption h2{font-size:26px}.hero-caption .eyebrow{font-size:10px}.scene-switch{width:max-content;margin-top:20px}.scene-switch button{padding:8px 23px}.discipline-strip{padding:15px 0;font-size:12px}.discipline-strip b{margin:0 30px}.section{padding:65px var(--pad)}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:35px}h2{font-size:41px}.section-heading h2+p{font-size:14px}.filters{gap:24px}.filters button{font-size:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project-card.wide{grid-column:auto}.project-card.offset{margin-top:0}.project-image>img,.wide .project-image>img{aspect-ratio:1.25}.technical .project-image>img{aspect-ratio:1.7}.project-info{margin-top:16px}.project-info .eyebrow{font-size:10px}.project-info strong{font-size:25px}.project-index{top:15px;left:15px}.view-project{display:none}.service-list{margin-top:35px}.service-list summary{gap:12px;grid-template-columns:25px 1fr 20px;padding:24px 0}.service-list h3{font-size:23px}.service-body{display:block;padding:0 0 26px 37px}.service-body p{font-size:14px}.tags{justify-content:start;margin-top:20px}.process h2{font-size:36px}.process-grid{gap:30px 22px;margin-top:40px}.process-grid h3{font-size:18px}.process-grid p{font-size:13px}.process-grid article>span{font-size:10px}.about{display:flex;flex-direction:column-reverse;gap:35px;padding-top:10px}.about-photo img{max-height:500px;object-position:top}.about-copy h2{font-size:43px}.about-copy>p:not(.eyebrow){font-size:15px}.about-copy h2 br:last-child{display:none}.contact-top>p:last-child{font-size:12px}.contact-top .eyebrow{font-size:10px}.contact h2{font-size:49px;margin:40px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info .email{font-size:30px}.contact-info .eyebrow{display:none}.contact-info p{margin:5px 0}.form-row{gap:20px}.form-bottom{align-items:start}.solid-button{padding:13px 20px}footer{flex-wrap:wrap;padding:28px var(--pad);font-size:11px}footer .brand{width:100%}dialog{padding:20px}.dialog-top .eyebrow{font-size:10px;max-width:65%}.dialog-top{gap:10px}.dialog-content>p{font-size:14px}.image-corner{width:40px;height:40px;font-size:12px;top:20px;right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}

/* WordPress content and admin toolbar compatibility. */
.admin-bar .reading-progress{top:32px}.wp-content-page{min-height:65vh;max-width:1100px;margin:auto}.wp-content-page h1{font-size:clamp(38px,6vw,80px);margin-bottom:40px}.wp-content-page h2,.wp-content-page h3{margin:30px 0 20px}.wp-content-page p{margin:0 0 20px}.wp-content-page a:not(.solid-button){text-decoration:underline}.wp-content-page img{height:auto}.wp-content-page article{margin-bottom:50px}.wp-content-page .entry-content{overflow-wrap:anywhere}.wp-content-page input{color:var(--text)}.alignwide{max-width:100%}.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px}.sticky{border-left:2px solid var(--accent);padding-left:24px}.bypostauthor{font-weight:500}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important}.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;position:static!important}@media(max-width:782px){.admin-bar .reading-progress{top:46px}}