/* Architectural atmosphere. Original concept artwork, not a documented case. */
:root{--paper:#f2f0e9;--ink:#263c33}
body{background:var(--paper)}
body>aside:not(.ll-chat){background:linear-gradient(160deg,#1e342c,#13261f);background-image:linear-gradient(160deg,#1e342c,#13261f)}


.case-cover{height:650px;min-height:650px;margin:0;padding:74px 48px 60px;background:#172c23;border-radius:0;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.case-cover:before{display:none}.living-picture{position:absolute;inset:0;z-index:-2;overflow:hidden}.living-picture img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;animation:inhabit 22s ease-in-out infinite alternate;transform:scale(1.06)}
.case-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c231ee8 0%,#0c231e91 42%,#0c231e08 100%),linear-gradient(0deg,#13261d88,transparent 35%);z-index:-1}
.case-cover .eyebrow{font:9px/1.8 Arial,sans-serif;letter-spacing:2.3px;color:#e0e5cc;max-width:390px}
.case-cover h2{font:400 clamp(44px,4.8vw,76px)/1.05 Arial,sans-serif;letter-spacing:-3px;max-width:720px;margin:29px 0 22px;text-wrap:balance}.case-cover h2 em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;color:#d7e3b6;letter-spacing:-2px}
.case-cover .hero-intro{font-size:14px;line-height:1.8;color:#e1e5d8;max-width:360px;margin:0 0 28px}
.case-cover .hero-link{position:static;display:flex;align-items:center;gap:25px;border:1px solid #ffffff55;border-radius:40px;padding:14px 22px;background:#edf1df;color:#233b32;font-size:12px}.hero-link .hero-status{display:none}
.scene-controls{position:absolute;bottom:26px;left:48px;right:35px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px Arial,sans-serif;letter-spacing:2px;color:#e6eadb}.motion-toggle{background:#18362b88;border:1px solid #ffffff55;color:white;border-radius:30px;padding:9px 13px;font-size:10px;letter-spacing:0;backdrop-filter:blur(12px)}
.concept-credit{position:absolute;right:28px;top:25px;color:#f0f0e2;font:8px Arial,sans-serif;letter-spacing:1.5px;text-shadow:0 1px 5px #000}
.content-wrap{padding:0 40px 50px}.design-manifesto{display:flex;align-items:center;gap:35px;padding:45px 0;margin:0 0 20px;border-bottom:1px solid #cdd4c6}.design-manifesto>span:first-child{font:9px/1.8 Arial,sans-serif;letter-spacing:2px;max-width:120px;color:#6c7e66}.design-manifesto p{font:400 clamp(22px,2.5vw,34px)/1.25 Arial,sans-serif;letter-spacing:-1px;margin:0}.design-manifesto em{font-family:Georgia,serif;color:#728366}.manifesto-mark{font-size:60px;margin-left:auto;color:#829b71}
.feature-grid{gap:24px;margin-top:30px}.start-card{background:linear-gradient(135deg,#325a43,#19372b);border-radius:22px;min-height:350px;box-shadow:0 15px 40px #193b2510}.start-card h2{font-weight:400;letter-spacing:-1.4px}.method-card{background:#e4e7db;position:relative;overflow:hidden;border:1px solid #d5dcca;border-radius:22px;padding-right:28px;isolation:isolate}.method-card h2{font-weight:400;position:relative;z-index:1}.method-card p{position:relative;z-index:1;max-width:225px}.method-card .text-button{position:relative;z-index:2}.method-card>.feature-label{position:relative;z-index:1}
.architectural-object{position:absolute;right:-28px;top:57px;width:170px;height:200px;perspective:650px;opacity:.85;pointer-events:none}.portal-model{position:relative;width:130px;height:170px;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(-28deg) rotateZ(9deg);animation:portal-drift 10s ease-in-out infinite alternate}.portal-model i{display:block;position:absolute;inset:0;border:22px solid #a3b498;border-bottom:0;border-radius:70px 70px 0 0;box-shadow:inset 5px 1px 0 #e4ecda,7px 4px 0 #60785b,12px 8px 12px #1b392420;background:transparent;transform:translateZ(0)}.portal-model i:nth-child(2){transform:translateZ(-32px);border-color:#c0c9af}.portal-model i:nth-child(3){transform:translateZ(-64px);border-color:#d1d5c0}.portal-model span{position:absolute;bottom:-15px;left:-25px;width:180px;height:110px;background:linear-gradient(130deg,#abb698,#718769);transform:rotateX(90deg) translateY(-25px);box-shadow:14px 20px 30px #1c392433}
.entry-grid button{border-radius:18px;background:#faf9f4;border-color:#d9dece;padding:27px}.entry-grid strong{font-weight:400;letter-spacing:-.6px}.card{border-radius:18px;box-shadow:0 4px 20px #233b3206}.card .art{overflow:hidden;background:#e6eadd}.card .art svg{transition:transform var(--motion-enter) var(--ease-out)}
.academy-section{padding-top:50px}.academy-heading h2{font-weight:400}.academy-topic{box-shadow:0 8px 24px #193b2508}.ll-work{border-radius:24px;background:#f8f8f1}.primary,.secondary{border-radius:24px}
@keyframes inhabit{from{transform:scale(1.06) translateX(-.7%)}to{transform:scale(1.13) translateX(.7%)}}
@keyframes portal-drift{from{transform:translateY(0) rotateX(-15deg) rotateY(-28deg) rotateZ(9deg)}to{transform:translateY(-12px) rotateX(-9deg) rotateY(-12deg) rotateZ(5deg)}}
.motion-paused .living-picture img,.motion-paused .portal-model{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.card:hover .art svg{transform:scale(1.045)}.entry-grid button:hover{transform:translateY(-5px)}.method-card:hover{transform:translateY(-5px) rotate(0)}}
@media(max-width:1100px){.case-cover{padding:55px 34px;min-height:590px;height:590px}.case-cover h2{font-size:58px}.scene-controls{left:34px}.architectural-object{right:-70px;opacity:.55}}
@media(max-width:780px){.case-cover{height:610px;min-height:610px;padding:50px 26px}.case-cover h2{font-size:52px;letter-spacing:-2px}.case-cover .eyebrow{max-width:260px}.content-wrap{padding:0 22px 35px}.design-manifesto{gap:20px;padding:30px 0}.design-manifesto>span:first-child{display:none}.scene-controls{left:26px;right:20px}.scene-controls>span{max-width:150px;line-height:1.8}.concept-credit{font-size:7px;right:20px;top:16px}.architectural-object{right:0;opacity:.7}.case-cover:after{background:linear-gradient(90deg,#0c231ee6,#0c231e60),linear-gradient(0deg,#13261d77,transparent)}.case-cover .hero-intro{max-width:300px}.living-picture img{object-position:60% center}}
@media(max-width:420px){.case-cover h2{font-size:44px}.manifesto-mark{font-size:40px}.architectural-object{right:-35px}.case-cover{height:590px;min-height:590px}}
@media(prefers-reduced-motion:reduce){.living-picture img,.portal-model{animation:none}.card .art svg{transition:none}.motion-toggle{display:none}}

.case-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;margin:28px 0 40px;height:520px;min-height:520px}.case-cover h2{white-space:pre-line;font-size:clamp(38px,4.8vw,68px);font-weight:400;max-width:650px}.carousel-actions{display:flex;gap:8px;align-items:center}.carousel-actions>button{border:1px solid #ffffff55;color:white;background:#18362b88;border-radius:30px;min-height:36px;min-width:36px}.case-cover.is-paused img{animation-play-state:paused}.concept-credit{text-decoration:none}.case-cover .living-picture img{object-position:center}.case-cover .hero-link{flex-shrink:0}@media(max-width:780px){.case-cover{min-height:490px;height:490px;border-radius:18px}.case-cover h2{font-size:42px}.case-cover .eyebrow{font-size:8px}.carousel-actions{gap:5px}.scene-controls{letter-spacing:1px}}

.case-cover .living-picture img{position:absolute;inset:0;animation:none!important;transform:none;transition:none;width:100%;height:100%;object-fit:cover}