/* 앱의 종이·집·파일 표현을 랜딩 안의 소개 장면으로 사용한다. */
.landing-taste{--taste-paper:#FFFEFA;--taste-ink:#30362E;--taste-house:#F3E58D;--taste-file:#CFDABD;--taste-shadow:#4B483A;display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center;max-width:1400px;margin:0 auto;padding:64px 5% 100px;color:var(--taste-ink);}
.landing-taste-art{container-type:inline-size;display:flex;justify-content:center;padding:44px 30px 55px;background:#f4f5ef;border-radius:20px;}
.landing-taste-copy h2{font-size:clamp(1.75rem,2.7vw,2.75rem);line-height:1.25;letter-spacing:-.04em;margin:16px 0 22px;}
.landing-taste-copy>p:not(.landing-eyebrow){font-size:1rem;line-height:1.8;color:#686c66;word-break:keep-all;}
.landing-taste-copy .taste-entry{display:inline-flex;align-items:center;gap:32px;background:#293127;color:#fff;text-decoration:none;border-radius:9px;min-height:52px;padding:0 22px;margin:24px 0 12px;font-size:1rem;font-weight:650;}
.taste-entry:focus-visible{outline:3px solid #657a54;outline-offset:4px;}
.landing-taste-copy>small{display:block;font-size:.8125rem;color:#686c66;line-height:1.6;}
.solution-demo .request-card>.request-folder{position:relative;display:block;flex:0 0 64px;width:64px;height:60px;margin-right:7px;isolation:isolate;filter:drop-shadow(0 2px 2px #49391a22);}
.request-folder::before{content:"";position:absolute;inset:8px 0 1px;background:#b88b2c;clip-path:polygon(0 0,40% 0,50% 12%,100% 12%,100% 100%,0 100%);border-radius:4px;}
.request-folder .folder-sheet{position:absolute;display:block;left:6px;top:1px;width:36px;height:43px;background:#fffefa;border:1px solid #d5d7cc;border-radius:3px;transform:rotate(-9deg);}
.request-folder .sheet-plan{background:#fffefa url('/landing/assets/solution/floorplan.webp') center/cover;}
.request-folder .sheet-material{left:18px;top:4px;background:#eee4ce url('/landing/assets/solution/swatch-oak.webp') center/cover;transform:rotate(8deg);}
.request-folder .folder-cover{position:absolute;inset:24px 0 0;background:#f0cc65;border:1px solid #b88b2c;border-top:2px solid #ffe6a1;border-radius:3px 3px 5px 5px;transform:skewX(-4deg);transform-origin:bottom;}
.solution-demo .request-folder>b{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-size:.75rem;font-weight:750;color:#49391a;}
.solution-demo .room-image{position:relative;isolation:isolate;}
.solution-demo .zip-gather{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:2;opacity:0;}
.solution-demo .zip-gather img{width:65px;height:75px;object-fit:cover;border:5px solid #fffefa;border-radius:4px;box-shadow:0 4px 15px #30362e22;}
.solution-demo .zip-gather span{padding:16px;background:#cfdabd;color:#30362e;border-radius:5px;font-size:.875rem;font-weight:650;}
@keyframes landing-file-in{from{opacity:0;transform:translateY(-22px) rotate(-8deg);}to{opacity:1;transform:translateY(0) rotate(0);}}
@keyframes landing-plan-open{from{opacity:.2;transform:translateY(15px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes landing-gather{0%{opacity:0;transform:translateY(-20px) scale(1.05);}20%,55%{opacity:1;transform:none;}100%{opacity:0;transform:translateY(22px) scale(.8);}}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .selection.zip-entered .material-card{animation:landing-file-in 480ms cubic-bezier(.18,.8,.25,1) backwards;}
 .selection.zip-entered .material-card:nth-child(2){animation-delay:100ms;}.selection.zip-entered .material-card:nth-child(3){animation-delay:200ms;}
 .result.zip-entered .zip-gather{animation:landing-gather 2400ms cubic-bezier(.18,.8,.25,1) both;}
 .result.zip-entered #main-room,.result.zip-entered .estimate{animation:landing-plan-open 1400ms cubic-bezier(.18,.8,.25,1) 1400ms backwards;}
 .matching.zip-entered .request-card{animation:landing-file-in 450ms cubic-bezier(.18,.8,.25,1) backwards;}
 .matching.zip-entered .folder-sheet{animation:landing-file-in 550ms cubic-bezier(.18,.8,.25,1) backwards;}
 .matching.zip-entered .offer{animation:landing-plan-open 500ms cubic-bezier(.18,.8,.25,1) 400ms backwards;}
 .matching.zip-entered .offer:nth-child(2){animation-delay:550ms;}
}
@media(max-width:760px){.landing-taste{grid-template-columns:minmax(0,1fr);gap:30px;padding:24px 5% 64px;}.landing-taste-art{padding:36px 24px 48px;}.landing-taste .taste-wordmark-sheet,.landing-taste .taste-wordmark-zip>b{animation:none!important;}.landing-taste-copy h2{font-size:1.875rem;}.landing-taste-copy>p:not(.landing-eyebrow){font-size:.9375rem;}}
