/*
Theme Name: Delb Decor SEO
Theme URI: https://delbdecor.com.br/
Author: Delb Decor
Description: Experiência Delb Decor para móveis planejados, cortinas e ambientes corporativos.
Version: 1.2.5
Text Domain: delb-decor
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
:root{--cream:#f1eee3;--ink:#171b17;--line:#f1eee34a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--ink);color:var(--cream);font:16px 'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #eac886;outline-offset:6px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}.site-header{position:fixed;top:0;left:0;width:100%;height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:40;background:linear-gradient(#13170f65,transparent);color:var(--cream)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:48px;line-height:.7;letter-spacing:-4px}.brand>span:last-child{font-size:10px;line-height:1.45;letter-spacing:1.6px}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{padding:12px 0}.site-header nav a:hover{opacity:.65}#motion{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:#151b1922;font-size:11px;min-height:40px}.motion-icon{font-size:15px}.journey{height:900svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#242c20}.scenes,.scene,.camera{position:absolute;inset:0}.scene{overflow:hidden;opacity:0;will-change:opacity;z-index:0}.scene-0{opacity:1}.camera{will-change:transform;transform:scale(1.04);transform-origin:center}.camera img{object-position:58% 55%;position:absolute;inset:0}.scene-0 img{object-position:55% 60%}.scene-1 img{object-position:52% 50%}.scene-2 img{object-position:50% 45%}.scene-3 img{object-position:62% 52%}.finished-kitchen{opacity:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,11,.6),rgba(11,15,9,.22) 45%,transparent 80%),linear-gradient(0deg,#11180ebb,transparent 30%,transparent 75%,#12160c55);pointer-events:none;z-index:5}.guide-grid{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.6}.guide-grid i{position:absolute;background:#f1eee330}.guide-grid i:nth-child(1){left:4vw;top:110px;bottom:78px;width:1px}.guide-grid i:nth-child(2){right:4vw;top:110px;bottom:78px;width:1px}.guide-grid i:nth-child(3){left:4vw;right:4vw;top:110px;height:1px}.guide-grid i:nth-child(4){left:4vw;right:4vw;bottom:78px;height:1px}.cross{position:absolute;font-size:16px;line-height:1}.cross-a{left:calc(4vw - 4px);top:102px}.cross-b{right:calc(4vw - 4px);bottom:70px}.scene-label{position:absolute;top:130px;left:6vw;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:2px;z-index:10}.tiny-line{width:30px;height:1px;background:var(--cream)}.copy-stack{position:absolute;inset:0;z-index:10}.scene-copy{position:absolute;left:8vw;top:50%;max-width:75vw;transform:translateY(-35%);opacity:0;pointer-events:none;will-change:transform,opacity}.copy-0{opacity:1;pointer-events:auto}.kicker{font-size:11px;letter-spacing:2px;margin:0 0 26px}.scene-copy h1,.scene-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(66px,7.8vw,144px);font-weight:400;line-height:.91;letter-spacing:-.035em;margin:0 0 30px;text-shadow:0 2px 25px #10181014}.scene-copy h1 span,.scene-copy h2 span,.scene-copy em{display:block}.scene-copy em{line-height:1.07}.description{font-size:clamp(15px,1.35vw,20px);line-height:1.5;margin:0 0 25px;max-width:450px;text-shadow:0 2px 10px #0004}.explore{display:inline-flex;gap:30px;font-size:12px;padding:13px 16px;background:#172019b3;border:1px solid #f1eee366;backdrop-filter:blur(10px)}.explore:hover{background:var(--cream);color:var(--ink)}.phase-label{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;margin-top:25px}.phase-label i{display:inline-block;width:80px;height:1px;background:var(--cream);transform-origin:left;transform:scaleX(var(--build,0))}.interlude{position:absolute;inset:0;background:#111c17ad;z-index:13;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;will-change:opacity}.interlude p{font-size:11px;letter-spacing:2px}.interlude h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(50px,6.5vw,108px);font-weight:400;line-height:1.06;letter-spacing:-.03em;margin:26px 0}.interlude>span{font-size:15px;margin-top:20px}.scene-bottom{position:absolute;bottom:20px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;z-index:20}.scroll-hint{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:18px}.scroll-hint>span{font-size:18px;animation:hint 1.8s ease-in-out infinite}.timeline{display:flex;gap:20px}.timeline button{border:0;background:none;padding:9px 0;min-width:100px;text-align:left;position:relative;font-size:10px;letter-spacing:.5px;opacity:.55;transition:opacity .2s}.timeline button[aria-pressed=true]{opacity:1}.timeline b{font-weight:400;margin-left:9px}.timeline i{position:absolute;height:1px;background:#f1eee350;bottom:0;left:0;right:0}.timeline u{position:absolute;inset:0;background:var(--cream);transform:scaleX(0);transform-origin:left}.page-progress{font-size:10px;letter-spacing:1px}.page-progress b{font-weight:400;margin-left:15px;font-variant-numeric:tabular-nums}.transition-line{position:absolute;inset:0;border:1px solid #fff3;z-index:8;opacity:0;pointer-events:none}.details{position:relative;z-index:25;background:#ebe8df;color:var(--ink);padding:85px 8vw 120px}.eyebrow{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.details>h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(44px,6vw,95px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:70px 0}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;align-items:center}.detail-image{height:610px;overflow:hidden}.detail-image img{object-position:65% 50%;will-change:transform}.detail-text article{padding:27px 0 27px 30px;border-top:1px solid #17201944;position:relative}.detail-text article>span{position:absolute;top:34px;left:0;font-size:11px}.detail-text h3{font-size:24px;font-weight:400;letter-spacing:-.5px;margin:0 0 16px}.detail-text p{font-size:16px;line-height:1.65;margin:0;max-width:340px}footer{position:relative;z-index:25;background:var(--ink);padding:65px 8vw 25px}footer>p{font-size:11px;letter-spacing:1.3px}footer h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(75px,11vw,170px);font-weight:400;line-height:.95;letter-spacing:-.05em;margin:75px 0 50px}.replay{display:inline-flex;gap:70px;font-size:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.footer-base{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:11px;border-top:1px solid var(--line);margin-top:90px;padding-top:25px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(55px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.6,.2,1)}.js .reveal.visible{opacity:1;transform:none}.effects-off .scroll-hint>span{animation:none}.effects-off .reveal{opacity:1;transform:none;transition:none}.scene-copy h1 span,.scene-copy h1 em{animation:title-in 1.4s cubic-bezier(.2,.7,.2,1) both}.scene-copy h1 em{animation-delay:.18s}.effects-off .scene-copy h1 span,.effects-off .scene-copy h1 em{animation:none}@keyframes title-in{from{opacity:0;transform:translateY(55px);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes hint{50%{transform:translateY(6px)}}
@media(min-aspect-ratio:2/1){.scene-copy{top:46%}.scene-copy h1,.scene-copy h2{font-size:clamp(60px,6vw,120px)}.description{font-size:17px}.camera img{object-position:55% 51%}}
@media(max-width:900px){.site-header{height:75px}.site-header nav{gap:20px}.site-header nav a:first-child{display:none}.guide-grid i:nth-child(3){top:90px}.guide-grid i:nth-child(1),.guide-grid i:nth-child(2){top:90px}.cross-a{top:82px}.scene-label{top:110px}.scene-copy{left:7vw;top:49%;max-width:86vw}.scene-copy h1,.scene-copy h2{font-size:clamp(66px,10vw,100px)}.scene-bottom{left:6vw;right:6vw;bottom:18px}.scroll-hint{display:none}.timeline{gap:16px;width:78%}.timeline button{min-width:0;flex:1}.page-progress{font-size:9px}.page-progress b{margin-left:8px}.detail-layout{gap:7vw}.detail-image{height:520px}.motion-label{display:none}#motion{width:40px;justify-content:center}}
@media(max-width:600px){.site-header{padding:0 5vw;height:70px}.brand-mark{font-size:42px}.brand>span:last-child{font-size:8px;letter-spacing:1px}.site-header nav{font-size:11px;gap:18px}.site-header nav a:last-child{display:none}.guide-grid i:nth-child(1){left:5vw}.guide-grid i:nth-child(2){right:5vw}.guide-grid i:nth-child(3),.guide-grid i:nth-child(4){left:5vw;right:5vw}.cross-a{left:calc(5vw - 4px)}.cross-b{right:calc(5vw - 4px)}.scene-label{left:8vw;font-size:9px;letter-spacing:1px}.scene-copy{left:8vw;top:52%;max-width:86vw}.scene-copy h1,.scene-copy h2{font-size:clamp(57px,14vw,83px);line-height:.95}.kicker{font-size:9px;letter-spacing:1px;margin-bottom:24px}.description{font-size:15px;line-height:1.55}.explore{font-size:11px}.shade{background:linear-gradient(0deg,#0a150fbb,transparent 85%),linear-gradient(90deg,#0a150f60,transparent 100%)}.scene-bottom{left:7vw;right:7vw}.timeline{width:100%;gap:14px}.timeline button{font-size:10px;min-height:40px}.timeline b{font-size:9px;display:block;margin:5px 0 0}.page-progress{display:none}.interlude h2{font-size:49px}.interlude p{font-size:9px;letter-spacing:1px}.interlude>span{font-size:13px;max-width:270px;line-height:1.6}.journey{height:850svh}.details{padding:60px 7vw 80px}.eyebrow{font-size:9px;letter-spacing:.5px}.details>h2{font-size:46px;margin:55px 0 40px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-image{height:450px}.detail-text h3{font-size:23px}.detail-text p{font-size:16px}.footer-base>span:nth-child(2){display:none}footer{padding:55px 7vw 25px}footer>p{font-size:9px;line-height:1.7;max-width:230px}footer h2{font-size:82px;margin-top:60px}.footer-base{font-size:10px}.replay{font-size:16px}.scene-0 img{object-position:60% 52%}.scene-1 img{object-position:63% 50%}.scene-2 img{object-position:52% 48%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) .scroll-hint>span,body:not(.motion-enabled) .scene-copy h1 span,body:not(.motion-enabled) .scene-copy h1 em{animation:none}body:not(.motion-enabled) .reveal{opacity:1;transform:none;transition:none}}

body.light-head .site-header{background:#ebe8dfed;color:var(--ink)}body.light-head #motion{border-color:#171b1755;background:none}
