/* DECET / Editorial edition — material, depth and movement */
:root{--slow:cubic-bezier(.16,1,.3,1)}
figure{margin:0}.header{gap:28px}.header-caption{margin-left:auto;font-size:11px;max-width:250px}.motion-toggle{background:none;border:0;color:var(--stone);padding:10px 0;font-size:11px;display:flex;align-items:center;gap:8px}.motion-toggle>span:first-child{border:1px solid #665e4b;width:25px;height:25px;display:grid;place-items:center;font-size:13px}.reading-progress{height:2px;background:var(--gold);position:fixed;top:0;left:0;width:100%;transform:scaleX(var(--read,0));transform-origin:left;z-index:50;pointer-events:none}
.hero{min-height:780px}.hero-content{max-width:950px;padding-top:80px}.hero-art{animation:hero-breathe 18s ease-in-out infinite alternate;will-change:transform}.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.72),rgba(10,10,10,.05) 65%),linear-gradient(0deg,#0a0a0a,transparent 28%)}.hero-light{position:absolute;inset:-50% -30%;background:linear-gradient(112deg,transparent 45%,rgba(238,208,149,.09) 49%,transparent 53%);animation:light-pass 14s ease-in-out infinite;pointer-events:none}.title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.title-line>span,.title-line>em{display:block;animation:title-rise 1.5s var(--slow) both;transform-origin:left bottom}.title-line:nth-child(2)>span{animation-delay:.16s}.title-line:nth-child(3)>em{animation-delay:.32s}.hero .eyebrow{animation:fade-rise 1.3s var(--slow) .2s both}.hero-copy{animation:fade-rise 1.3s var(--slow) .6s both}.hero .button{animation:fade-rise 1.3s var(--slow) .8s both}.hero-frame{position:absolute;right:5.2%;top:15%;height:64%;width:30%;border:1px solid #c9a96a40;pointer-events:none;animation:frame-draw 2s var(--slow) .6s both}.hero-frame:before,.hero-frame:after{content:'+';position:absolute;line-height:1;font-weight:200;font-size:25px;color:var(--gold)}.hero-frame:before{top:-13px;left:-8px}.hero-frame:after{bottom:-11px;right:-8px}.hero-frame>span{position:absolute;top:-27px;right:0;font-size:10px;letter-spacing:.13em;color:#dec798}.hero-frame>span:last-child{top:auto;bottom:-27px;font-size:9px}.hero-frame i{position:absolute;top:0;left:0;right:0;height:1px;background:#ddc38d66;animation:scan-axis 8s ease-in-out infinite}.hero-foot>a span{display:inline-block;animation:arrow-drift 2.5s ease-in-out infinite}.hero-index{font-size:11px}.button{position:relative;isolation:isolate;overflow:hidden;transition:background .35s,transform .4s var(--slow),box-shadow .4s}.button:before{content:'';position:absolute;inset:0;transform:translateX(-110%) skewX(-20deg);background:#fff3;transition:transform .75s var(--slow);z-index:-1}.button:hover:before{transform:translateX(110%) skewX(-20deg)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0002}.chapter-list a{transition:color .3s,letter-spacing .4s}.chapter-list a:hover{letter-spacing:.025em}.section{padding-top:110px;padding-bottom:110px}.section-heading h2,.intro h2{font-size:clamp(42px,4.6vw,73px)}
.vision-composition{position:relative;margin-top:75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 5% 60px 0}.vision-image{grid-column:1/3;grid-row:1;height:560px;overflow:hidden;margin-right:17%;position:relative}.vision-image>img{width:100%;height:100%;object-fit:cover}.vision-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.vision-image figcaption{position:absolute;bottom:30px;left:30px;color:#f6f4ed;font-size:11px;letter-spacing:.14em;z-index:1}.vision-card{grid-column:2;grid-row:1;position:relative;background:var(--olive);color:var(--ivory);padding:52px;margin:100px 0 -90px 10%;z-index:2}.vision-card>.eyebrow{font-size:10px;color:var(--stone)}.vision-card>p{font-size:clamp(28px,3vw,47px);line-height:1.13;letter-spacing:-.035em}.vision-card em{color:#dac391}.vision-card>span:last-child{font-size:12px;letter-spacing:.05em;color:#d7d1c6}.card-rule{display:block;background:#a48b57;width:65px;height:1px;margin:35px 0 20px}.vertical-caption{position:absolute;right:-22px;top:10px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;color:#6b6253}.intro-note{margin-top:45px}.image-reveal{overflow:hidden}.image-reveal img{transition:transform 1.6s var(--slow),filter 1s}.image-reveal:hover img{transform:scale(1.055)}
.capabilities{padding-bottom:65px}.cap-layout{grid-template-columns:.85fr 1.3fr;gap:7%;align-items:start}.cap-tabs{position:sticky;top:110px}.cap-tabs a{padding:27px 12px 27px 0;position:relative}.cap-tabs a:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#c9a96a14,transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--slow);z-index:-1}.cap-tabs a.selected:before{transform:scaleX(1)}.cap-tabs a.selected{padding-left:18px}.cap-art{height:380px;border:0;display:block;background:#1c1b17}.cap-image{width:100%;height:100%;object-fit:cover;opacity:.86;transition:transform 1.2s var(--slow)}.cap-art:hover .cap-image{transform:scale(1.06)}.cap-image-1{object-position:75% center}.cap-image-3{object-position:20% center}.cap-image-4{object-position:75% center}.cap-image-5{transform:scale(1.2);object-position:80% center}.cap-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 35%,transparent 75%,#0008);pointer-events:none}.cap-art .art-label,.cap-art .art-bottom{z-index:2;color:#f1e6cf;font-size:10px;letter-spacing:.12em}.cap-art .architecture{position:absolute;bottom:28px;right:26px;top:auto;left:auto;height:52px;gap:4px;transform:none;z-index:3;opacity:.8}.cap-art .architecture i{width:7px;height:24px!important;box-shadow:none;background:var(--gold);border:0;border-radius:0;animation:bar-signal 3.5s ease-in-out infinite}.cap-art .architecture i:nth-child(2){height:40px!important;animation-delay:.3s}.cap-art .architecture i:nth-child(3){height:52px!important;animation-delay:.6s}.cap-art .architecture i:nth-child(4){height:33px!important;animation-delay:.9s}.cap-panel>h3{font-size:clamp(29px,3.2vw,46px);max-width:600px}.cap-panel>p:not(.eyebrow){max-width:560px;font-size:16px}.cap-panel .deliverables{border-top:1px solid var(--line);padding-top:20px}.cap-panel:not([hidden]){animation:tab-reveal .85s var(--slow)}.cap-panel:not([hidden])>.eyebrow,.cap-panel:not([hidden])>h3,.cap-panel:not([hidden])>p,.cap-panel:not([hidden])>ul{animation:fade-rise .8s var(--slow) both}.cap-panel:not([hidden])>h3{animation-delay:.1s}.cap-panel:not([hidden])>p{animation-delay:.18s}.cap-panel:not([hidden])>ul{animation-delay:.25s}
.image-interlude{position:relative;height:720px;overflow:hidden;margin:25px 0 0;background:#111}.image-interlude>img{position:absolute;width:100%;height:115%;object-fit:cover;object-position:center;top:-7%;filter:brightness(.57);transform:translateY(var(--parallax,0px)) scale(1.02)}.image-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 80%);pointer-events:none}.interlude-copy{position:relative;z-index:1;padding:85px 8%}.interlude-copy>p{font-size:clamp(52px,6.4vw,100px);line-height:1.04;letter-spacing:-.045em}.interlude-copy em{color:var(--gold)}.round-link{border:1px solid #c9a96a88;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:27px;margin-top:35px;transition:background .4s,transform .4s}.round-link:hover{background:var(--gold);color:var(--carbon);transform:translateY(5px)}.interlude-axis{position:absolute;bottom:40px;left:8%;right:8%;z-index:1;display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.2em}.interlude-axis i{height:1px;flex:1;background:#c9a96a66;position:relative;overflow:hidden}.interlude-axis i:after{content:'';position:absolute;height:1px;width:30%;background:#f7e6c2;animation:connection-travel 3s ease-in-out infinite}.interlude-axis i:nth-of-type(2):after{animation-delay:1s}.interlude-axis i:nth-of-type(3):after{animation-delay:2s}
.method-stage{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-top:75px}.method-visual{position:sticky;top:110px;height:650px;overflow:hidden}.method-visual>img{width:100%;height:100%;object-fit:cover;object-position:80% center}.method-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000a)}.method-visual figcaption{position:absolute;z-index:1;bottom:38px;left:35px;right:25px;color:#f6f4ed}.method-visual figcaption>span{display:block;font-size:10px;letter-spacing:.18em;margin-bottom:20px}.method-visual strong{font-size:36px;font-weight:400;line-height:1.13;letter-spacing:-.03em}.method-reticle{position:absolute;top:25px;right:25px;font-size:40px;color:#f5eed9;font-weight:200;animation:reticle-turn 12s linear infinite}.method-track{display:block;margin:0}.method-track article{padding:0 0 36px 68px;margin-bottom:35px;border-bottom:1px solid #c8bfaf}.method-track article:last-child{margin:0}.method-track .step{position:absolute;left:0;top:0;font-size:40px}.method-track .step-line{margin:0 0 23px;background:#9f8b62;transform-origin:left}.method-track h3{font-size:32px}.method-track p{font-size:16px}.step-output{border:0;padding-top:0;margin-top:20px}.method-track article.revealed .step-line{animation:line-grow 1s var(--slow) both}.step-output span{font-size:10px}.method-close{margin-top:50px}
.essence{background:#263022}.essence-grid{gap:9%}.essence-statement{position:relative}.essence-sculpture{height:370px;margin-bottom:40px;position:relative}.essence-sculpture>img{width:100%;height:100%;object-fit:cover;object-position:75% 55%}.sculpture-caption{position:absolute;bottom:20px;left:25px;color:#e2ceb0;font-size:10px;letter-spacing:.1em}.essence-statement>img{display:none}.pillars{padding-top:0}.pillars article{padding:38px 0;transition:padding .5s var(--slow),background .5s}.pillars article:hover{padding-left:20px;background:#ffffff04}.pillars h3{font-size:38px}.pillars p{font-size:16px}.pillar-glyph{transition:transform .6s var(--slow);font-size:33px}.pillars article:hover .pillar-glyph{transform:rotate(90deg)}.essence-statement h2{font-size:44px}.essence-statement p{font-size:16px}
.case-grid{gap:30px;align-items:start}.case{padding:0;border:0}.case:nth-child(2){margin-top:75px}.case:nth-child(3){margin-top:150px}.case-image{height:250px;overflow:hidden;position:relative;margin-bottom:24px;background:#3e4a32}.case-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--slow),filter 1s;filter:saturate(.6)}.case:nth-child(3) img{object-position:85% center}.case:hover .case-image>img{transform:scale(1.08);filter:saturate(1)}.case-image figcaption{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:.08em;background:#0a0a0abf;color:#eee0c6;padding:5px 8px}.case h3{font-size:36px}.case .case-top{font-size:10px}.case .case-top>span:last-child{transition:transform .4s}.case:hover .case-top>span:last-child{transform:translate(4px,-4px)}.evidence-note{margin-top:40px}.contact-image{height:215px;overflow:hidden;margin-top:40px;position:relative;max-width:420px}.contact-image img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform 1s}.contact-image:hover img{transform:scale(1.1)}.contact-image>span{position:absolute;bottom:22px;left:23px;font-size:10px;letter-spacing:.13em;color:var(--stone)}.contact-signature{display:none}.contact form{border:1px solid var(--line);padding:38px;background:#141511}.contact-grid{gap:8%}.form-row{gap:20px}.footer{position:relative;padding-top:80px}.footer:before{content:'DECET';display:block;width:100%;font-family:Georgia,serif;font-size:clamp(90px,20vw,300px);line-height:.85;letter-spacing:.16em;color:#c9a96a14;border-bottom:1px solid var(--line);padding-bottom:50px;margin-bottom:20px;overflow:hidden}
.enhanced .motion-target{opacity:0;transform:translateY(45px);transition:opacity 1.2s var(--slow),transform 1.2s var(--slow)}.enhanced .motion-target.in-view{opacity:1;transform:none}.enhanced .image-reveal.motion-target img{clip-path:inset(0 0 100% 0);transform:scale(1.12);transition:clip-path 1.5s var(--slow),transform 2s var(--slow)}.enhanced .image-reveal.motion-target.in-view img{clip-path:inset(0);transform:scale(1)}.reveal-ready{transform:translateY(35px);transition-duration:1.1s}.revealed{transform:none}.pillars article:nth-child(2),.case:nth-child(2){transition-delay:.1s}.pillars article:nth-child(3),.case:nth-child(3){transition-delay:.2s}.pillars article:nth-child(4){transition-delay:.3s}
@keyframes title-rise{from{transform:translateY(110%) rotate(3deg);opacity:.1}to{transform:none;opacity:1}}@keyframes fade-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-breathe{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.09) translateX(-1%)}}@keyframes light-pass{0%,20%{transform:translateX(-20%);opacity:0}50%{opacity:1}80%,100%{transform:translateX(20%);opacity:0}}@keyframes scan-axis{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(330px);opacity:.65}}@keyframes frame-draw{from{clip-path:inset(0 100% 100% 0);opacity:0}to{clip-path:inset(-30px);opacity:1}}@keyframes arrow-drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}@keyframes bar-signal{0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes tab-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes connection-travel{from{transform:translateX(-110%)}to{transform:translateX(440%)}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes reticle-turn{to{transform:rotate(360deg)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .image-interlude>img{transform:none}body.motion-paused .motion-target{transition:none}
@media(min-width:1600px){.hero-content{padding-top:100px}.hero{min-height:850px}}
@media(max-width:1050px){.motion-label{display:none}.header-caption{display:none}.motion-toggle{margin-left:auto}.hero-frame{right:5%;width:29%}.hero-content{padding-top:70px}.vision-card{padding:35px;margin-left:0}.vision-image{height:480px}.cap-layout{grid-template-columns:.8fr 1.2fr;gap:5%}.cap-art{height:310px}.cap-tabs a{font-size:21px}.method-stage{gap:5%}.method-visual{height:600px}.method-track article{padding-left:52px}.method-track h3{font-size:28px}.method-visual strong{font-size:29px}.essence-grid{gap:6%}.essence-statement h2{font-size:37px}.pillars h3{font-size:30px}.case-image{height:200px}.case h3{font-size:29px}.case:nth-child(2){margin-top:40px}.case:nth-child(3){margin-top:80px}.contact form{padding:26px}.contact-grid{gap:5%}}
@media(max-width:700px){.header{gap:14px}.motion-toggle{padding:8px}.header-cta span{margin-left:8px}.hero{min-height:850px}.hero-content{padding-top:65px}.hero-frame{display:none}.hero-art{object-position:69% center}.hero-light{opacity:.5}.hero .eyebrow{font-size:11px}.section{padding-top:70px;padding-bottom:70px}.section-heading h2,.intro h2{font-size:clamp(34px,8.1vw,49px)}.vision-composition{display:block;padding:0 0 40px;margin-top:40px}.vision-image{height:380px;margin:0 24px 0 0}.vision-card{margin:-70px 0 0 45px;padding:30px;max-width:none}.vision-card>p{font-size:30px}.vision-card>.eyebrow{font-size:10px}.vertical-caption{right:-6px;font-size:9px}.vision-image figcaption{top:20px;bottom:auto;left:20px;font-size:9px}.intro-note{margin-top:0}.cap-layout{grid-template-columns:1fr}.cap-tabs{position:static;display:flex;overflow:auto;gap:24px}.cap-tabs a,.cap-tabs a.selected{padding:20px 0;font-size:16px;flex:none}.cap-tabs a:before{display:none}.cap-art{height:300px}.cap-art .art-label,.cap-art .art-bottom{font-size:9px}.cap-panel>h3{font-size:33px}.cap-panel>p:not(.eyebrow){font-size:16px}.image-interlude{height:650px;margin:0}.interlude-copy{padding:65px 6%}.interlude-copy>p{font-size:clamp(40px,10vw,62px)}.interlude-copy .eyebrow{font-size:10px}.interlude-axis{left:6%;right:6%;bottom:35px;gap:10px;font-size:8px;letter-spacing:.04em}.round-link{width:55px;height:55px}.method-stage{display:block;margin-top:35px}.method-visual{position:relative;top:auto;height:380px;margin-bottom:45px}.method-visual figcaption{left:25px;bottom:25px}.method-track article{padding-left:52px}.method-track h3{font-size:29px}.method-track .step{font-size:33px}.method-track .step-line{margin-bottom:20px}.essence-grid{grid-template-columns:1fr;gap:35px}.essence-sculpture{height:320px;margin-bottom:30px}.essence-statement h2{font-size:37px}.pillars article{padding:27px 0}.case-grid{grid-template-columns:1fr;gap:45px}.case:nth-child(2),.case:nth-child(3){margin-top:0}.case-image{height:270px}.case h3{font-size:35px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-image{height:190px;max-width:none}.contact form{padding:25px 20px}.contact h2{font-size:clamp(44px,12vw,60px)}.footer:before{font-size:20vw;padding-bottom:25px;letter-spacing:.12em}.footer{padding-top:50px}.cap-panel .text-link{font-size:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .motion-target{opacity:1;transform:none}.enhanced .image-reveal.motion-target img{clip-path:none;transform:none}.hero-art,.image-interlude>img{transform:none!important}.motion-toggle{display:none}.reveal-ready{opacity:1;transform:none}}
@media print{.vision-composition,.image-interlude,.method-visual,.essence-sculpture,.case-image,.contact-image,.hero-frame,.motion-toggle,.reading-progress{display:none}.method-stage{display:block}.case:nth-child(n){margin-top:0}.enhanced .motion-target{opacity:1;transform:none}}