/*
Theme Name: QBTEC Atelier
Author: QBTEC Design
Description: Tema originale QBTEC: portfolio fotografico, tour immersivo e homepage pronta all’attivazione. Nessun page builder richiesto.
Version: 2.0.3
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: qbtec-atelier
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:QB Sans;src:url(assets/fonts/qbtec-font-0.ttf) format('truetype');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:QB Sans;src:url(assets/fonts/qbtec-font-1.ttf) format('truetype');font-display:swap;font-weight:500}
@font-face{font-family:QB Sans;src:url(assets/fonts/qbtec-font-2.ttf) format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:QB Editorial;src:url(assets/fonts/qbtec-font-3.ttf) format('truetype');font-display:swap;font-style:normal;font-weight:400}
:root{--ink:#181917;--paper:#eeede7;--muted:#a7a79c;--line:#ffffff29;--accent:#cf6048;--pad:5vw;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:QB Sans,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--accent);color:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(44px,5.6vw,90px);line-height:1.02;letter-spacing:-.055em;margin-bottom:34px}h2 em{font-family:QB Editorial,Georgia,serif;font-weight:400;letter-spacing:-.035em}h3{font-size:26px;letter-spacing:-.035em}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.17em;line-height:1.5}.section-pad{padding:110px var(--pad)}.skip{position:fixed;top:-100px;left:20px;z-index:500;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}.site-header{position:absolute;z-index:60;top:0;left:0;right:0;display:flex;align-items:center;gap:40px;height:100px;padding:0 var(--pad);border-bottom:1px solid var(--line)}.brand{width:215px;display:block;flex-shrink:0}.brand-image{width:100%;height:auto;max-height:62px;object-fit:contain}.default-logo{filter:brightness(0) invert(1)}.header-caption{font-size:9px;letter-spacing:.19em;color:#d7d7ce}#site-menu{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:12px}#site-menu ul{display:flex;list-style:none;gap:25px;padding:0;margin:0}#site-menu a{position:relative;padding:10px 0}#site-menu a:after,.underlink:after{content:'';display:block;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}#site-menu a:hover:after,.underlink:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.hero{position:relative;height:100svh;min-height:730px;max-height:1250px;overflow:hidden;background:#272720}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 55%;animation:hero-enter 2s var(--ease) both;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#11151080,transparent 38%,#10130f90),linear-gradient(90deg,#12141050,transparent)}.hero-kicker{position:absolute;top:138px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.hero-heading{position:absolute;left:var(--pad);right:var(--pad);top:38%;animation:title-enter 1.3s var(--ease) both}.hero-heading h1{font-size:clamp(60px,8.2vw,144px);line-height:.98;letter-spacing:-.075em;margin:0 0 12px;max-width:1400px}.hero-heading>p{font-family:QB Editorial,Georgia,serif;font-size:clamp(34px,5.3vw,88px);line-height:1.05;margin:0;letter-spacing:-.035em}.hero-bottom{position:absolute;bottom:65px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:24px}.hero-bottom>span{font-size:10px;letter-spacing:.08em;line-height:1.6}.hero-bottom>.underlink{margin-left:auto;font-size:12px}.circle-link{display:grid;place-items:center;width:84px;height:84px;border:1px solid #eee9;border-radius:100%;font-size:32px;transition:background .3s,transform .3s}.circle-link:hover{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.hero-caption{position:absolute;right:var(--pad);bottom:24px;font-size:8px;letter-spacing:.17em;opacity:.65}.studio{display:grid;grid-template-columns:1fr 2.3fr;gap:5vw;padding-top:140px;padding-bottom:150px}.studio>.eyebrow{padding-top:13px}.studio h2{max-width:1000px}.studio-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:end}.studio-bottom p{font-size:17px;color:var(--muted);margin:8px 0 0}.text-link{font-size:12px;border-bottom:1px solid #8887;padding:14px 0;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;transition:color .3s}.text-link:hover{color:var(--accent)}.text-link span{font-size:23px}.journey{position:relative;height:310svh}.journey-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#292b26}.room{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s;pointer-events:none}.room.active{opacity:1;visibility:visible}.room>img{width:100%;height:100%;object-fit:cover;transform:scale(1.09);transition:transform 1.8s var(--ease)}.room.active>img{transform:scale(1)}.room-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10140fb0,transparent 80%),linear-gradient(0deg,#111a13b0,transparent 40%)}.journey-top{position:absolute;top:38px;left:var(--pad);right:var(--pad);z-index:4;display:flex;justify-content:space-between}.journey-count{font-size:11px;letter-spacing:.1em}.room-title{position:absolute;left:var(--pad);top:34%;width:51%;max-width:760px;transform:translateY(24px);transition:transform 1s var(--ease)}.room.active .room-title{transform:translateY(0)}.room-title h2{font-size:clamp(54px,7.4vw,120px);margin-top:22px;margin-bottom:24px}.room-title>p{font-size:14px;max-width:290px}.journey-bottom{position:absolute;z-index:5;bottom:65px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end}.room-tabs{display:flex;gap:26px}.room-tabs button{background:none;border:0;border-bottom:1px solid #fff5;padding:16px 0;color:#fff9;font-size:14px;min-width:110px;text-align:left;transition:color .3s,border-color .3s}.room-tabs button span{font-size:9px;margin-right:15px}.room-tabs button[aria-pressed=true]{color:#fff;border-color:#fff}.scroll-hint{font-size:9px;letter-spacing:.13em}.concept-label{position:absolute;bottom:18px;left:var(--pad);z-index:5;font-size:9px;color:#d2d4cc}.journey-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff2;z-index:5}.journey-progress i{display:block;background:var(--paper);width:0;height:100%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading .eyebrow{margin-bottom:35px}.portfolio{background:var(--paper);color:var(--ink);overflow:hidden}.portfolio-controls{display:flex;gap:10px;margin-bottom:40px}.arrow{width:53px;height:53px;border:1px solid #18191750;background:none;border-radius:50%;font-size:23px;transition:background .3s,color .3s}.arrow:hover{background:var(--ink);color:var(--paper)}.portfolio-intro{font-size:14px;max-width:480px;color:#66675f;margin-bottom:44px}.project-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7775 transparent;padding-bottom:35px;margin-right:calc(-1 * var(--pad));padding-right:var(--pad);margin-bottom:35px}.project-card{flex:0 0 45%;min-width:0;scroll-snap-align:start}.project-photo{display:block;position:relative;aspect-ratio:1/1.03;overflow:hidden;background:#d9d8d0}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.project-photo:hover img{transform:scale(1.055)}.project-open{position:absolute;right:20px;bottom:20px;font-size:11px;background:var(--paper);color:var(--ink);padding:17px 22px;border-radius:40px}.project-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;margin:20px 0 13px;color:#6a6b61}.project-card h3{font-size:27px;margin-bottom:10px}.project-card p{font-size:13px;color:#66675f;max-width:460px;margin-bottom:0}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;padding-top:135px;padding-bottom:135px}.services .eyebrow{margin-bottom:38px}.service-intro{font-size:14px;color:var(--muted);max-width:280px}.service-list{padding-top:35px}.service-list details{border-top:1px solid var(--line);padding:29px 0}.service-list details:last-child{border-bottom:1px solid var(--line)}.service-list summary{display:flex;align-items:center;gap:22px;cursor:pointer;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:10px;color:var(--muted)}.service-list h3{font-size:clamp(20px,2.2vw,34px);margin:0;flex:1}.service-list summary b{font-size:27px;font-weight:400;transition:transform .3s}.service-list details[open] b{transform:rotate(45deg)}.service-list details p{margin:24px 30px 0 38px;color:var(--muted);font-size:14px}.manifesto{height:90svh;min-height:650px;max-height:1150px;position:relative;overflow:hidden}.manifesto>img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%}.manifesto-shade{position:absolute;inset:0;background:linear-gradient(90deg,#121910aa,transparent)}.manifesto>div:last-of-type{position:absolute;inset:70px var(--pad);display:flex;flex-direction:column;justify-content:space-between}.manifesto h2{font-size:clamp(80px,10vw,160px);line-height:.95;margin:30px 0}.manifesto>span{position:absolute;bottom:30px;right:var(--pad);font-size:9px;letter-spacing:.15em}.process{padding-top:100px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.process-grid article>span{color:var(--muted);font-size:11px}.process-grid h3{font-size:35px;margin:40px 0 18px}.process-grid p{color:var(--muted);font-size:14px;max-width:300px}.contact{background:var(--paper);color:var(--ink)}.contact-title{font-size:clamp(64px,13.5vw,215px);letter-spacing:-.075em;line-height:1.1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18191740;padding-bottom:35px;margin:30px 0 65px}.contact-title>span{font-size:.7em;transition:transform .4s}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px}.contact-grid h3{font-size:18px;margin-bottom:22px}.contact-grid p,.contact-grid>div>a{font-size:12px;line-height:1.8}.contact-grid>div>a{display:block;margin-bottom:9px;overflow-wrap:anywhere}.contact-grid .underlink{display:inline-block}.contact-form label{font-size:10px;display:block;margin-bottom:10px}.contact-form input,.contact-form textarea{width:100%;display:block;background:none;border:0;border-bottom:1px solid #18191750;border-radius:0;padding:0 0 12px;margin-bottom:23px;font-size:13px;color:var(--ink);resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-actions button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:13px 16px;font-size:11px}.form-actions button:last-child{background:none;color:var(--ink)}.contact-form small{font-size:10px;color:#686960;line-height:1.5;display:block;margin-top:15px}.footer{padding:55px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-wordmark{font-size:60px;letter-spacing:-.09em;line-height:1;white-space:nowrap}.footer-wordmark span{font-size:15px;vertical-align:top;margin-left:8px}.footer>div{font-size:9px;letter-spacing:.05em}.footer p{color:var(--muted);margin-top:12px;margin-bottom:0}.footer-links{display:flex;gap:24px}.content-page{padding-top:170px;min-height:75vh}.content-page h1{font-size:clamp(42px,6vw,90px);letter-spacing:-.05em;line-height:1.05}.content-page article{margin-bottom:70px}.content-page article>img{max-height:75vh;width:auto;margin-bottom:35px}.entry-content{max-width:850px;line-height:1.8}.entry-content a{text-decoration:underline}.entry-content img{height:auto}.entry-content .alignwide{max-width:1100px}.admin-bar .site-header{top:32px}.reveal{transition:transform .9s var(--ease),opacity .9s var(--ease)}.reveal.will-reveal{opacity:0;transform:translateY(35px)}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-enter{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes title-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media(min-width:1800px){:root{--pad:max(5vw,calc((100vw - 1720px)/2))}}
@media(max-width:1050px){.header-caption{display:none}#site-menu{gap:20px}.hero{min-height:650px}.studio{grid-template-columns:1fr 2.7fr;gap:30px}.studio-bottom{grid-template-columns:1fr;gap:25px}.studio-bottom .text-link{justify-self:start}.services{gap:5vw}.contact-grid{grid-template-columns:1fr 1fr}.contact-form{grid-column:1/-1;max-width:650px}.room-title{width:65%}.footer{flex-wrap:wrap}.footer-links{margin-left:auto}}
@media(max-width:700px){:root{--pad:6vw}.site-header{height:82px}.brand{width:165px}.menu-toggle{display:flex;align-items:center;gap:13px;background:none;border:0;margin-left:auto;padding:14px 0;font-size:12px;z-index:75}.menu-toggle i{width:24px;height:8px;border-top:1px solid;border-bottom:1px solid;display:block;transition:transform .3s}.menu-toggle[aria-expanded=true] i{transform:rotate(-45deg)}#site-menu{display:none;position:fixed;inset:82px 0 0;z-index:70;background:var(--ink);padding:8vh var(--pad);flex-direction:column;align-items:start;justify-content:center;gap:25px;font-size:37px;letter-spacing:-.03em}#site-menu.open{display:flex}#site-menu ul{display:flex;flex-direction:column}.site-header:has(#site-menu.open){background:var(--ink);position:fixed}.hero{min-height:660px;max-height:1000px}.hero-image{object-position:57% center}.hero-kicker{top:111px;font-size:8px}.hero-kicker>span:last-child{display:none}.hero-heading{top:38%}.hero-heading h1{font-size:clamp(52px,12.6vw,85px);line-height:.98;margin-bottom:20px}.hero-heading>p{font-size:clamp(32px,8vw,51px);max-width:90%}.hero-bottom{bottom:54px;gap:17px;flex-wrap:wrap}.hero-bottom>.underlink{margin-left:auto;font-size:10px;max-width:90px;line-height:1.5}.hero-bottom>span{font-size:8px}.circle-link{width:60px;height:60px;font-size:27px}.hero-caption{font-size:7px;bottom:19px}.section-pad{padding:75px var(--pad)}.studio{display:block}.studio>.eyebrow{margin-bottom:40px}.studio h2{font-size:49px}.studio-bottom{gap:20px}.studio-bottom p{font-size:15px}.journey{height:260svh}.journey-stage{min-height:640px}.journey-top{top:28px}.journey-top .eyebrow{font-size:8px}.room-title{width:85%;top:35%}.room-title h2{font-size:57px;max-width:350px}.room-title>p{font-size:12px}.room>img{object-position:55% center}.journey-bottom{bottom:65px}.room-tabs{width:100%;gap:18px}.room-tabs button{font-size:12px;min-width:0;flex:1}.room-tabs button span{font-size:8px;margin-right:8px}.scroll-hint{display:none}.concept-label{font-size:8px;max-width:90%;bottom:14px}.journey-count{font-size:9px}.section-heading{align-items:end;gap:10px}.section-heading h2{font-size:44px;margin-bottom:25px}.portfolio-controls{gap:6px;margin-bottom:30px}.arrow{width:37px;height:37px;font-size:19px}.portfolio-intro{font-size:12px}.project-track{gap:20px;margin-bottom:20px}.project-card{flex-basis:86%}.project-card h3{font-size:25px}.project-card p{font-size:12px}.project-open{right:12px;bottom:12px;padding:12px 16px;font-size:10px}.project-meta{font-size:8px}.services{display:block}.service-list{padding-top:25px}.service-list h3{font-size:24px}.service-list summary{gap:17px}.service-list details p{margin-left:30px;font-size:13px}.manifesto{height:80svh;min-height:570px}.manifesto>div:last-of-type{inset:45px var(--pad)}.manifesto h2{font-size:87px}.manifesto>img{object-position:58% center}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.process-grid h3{margin:20px 0 13px;font-size:32px}.process-grid p{max-width:100%}.contact-title{font-size:16vw;padding-bottom:25px;margin-bottom:40px}.contact-grid{gap:30px 20px}.contact-grid h3{font-size:16px}.contact-grid p,.contact-grid>div>a{font-size:11px}.footer{padding:45px var(--pad);gap:25px}.footer-wordmark{font-size:54px}.footer>div{font-size:8px}.footer-links{width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.content-page{padding-top:130px}.admin-bar .site-header{top:46px}.admin-bar #site-menu{top:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.will-reveal{opacity:1;transform:none}.journey{height:auto}.journey-stage{position:relative}.hero-image,.manifesto>img{transform:none!important}}
@media print{.site-header,.journey,.portfolio-controls,.contact-form,.circle-link{display:none}.hero{height:600px}.reveal{opacity:1!important;transform:none!important}.project-track{display:block}.project-card{break-inside:avoid;margin-bottom:20px}.project-photo{height:350px}.footer{background:white;color:black}}
