.labnotes-shell{max-width:1500px;margin:0 auto;padding:10rem 3rem 7rem}.hero-note{position:relative;background:#fff8b5;border-radius:18px 24px 16px 28px;box-shadow:12px 16px #00000014;padding:4rem;margin:0 auto 3rem;max-width:1050px;transform:rotate(-.7deg);overflow:hidden}.hero-note:after,.principle-card:after,.story-card:after,.modal-card:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff2e,#ffffff2e),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(0,0,0,.035) 32px);opacity:.5}.hero-note-content,.principle-content,.story-content,.modal-content{position:relative;z-index:2}.hero-kicker{font-family:Gochi Hand,cursive;font-size:1.35rem;color:#d35400;margin:0 0 .6rem}.hero-kicker{position:relative;z-index:2;font-family:Gochi Hand,cursive;font-size:1.35rem;color:#d35400;margin:0 0 .6rem}.hero-title{font-family:Gochi Hand,cursive;font-size:clamp(4rem,8vw,7rem);line-height:.9;color:#172033;margin:0 0 1.4rem}.hero-copy{font-family:Gochi Hand,cursive;font-size:1.55rem;line-height:1.25;color:#0000009e;max-width:780px;margin:0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem auto 5rem;max-width:1150px}.principle-card{position:relative;min-height:190px;padding:2rem;border-radius:16px 22px 14px 24px;box-shadow:8px 10px #00000013;overflow:hidden}.principle-title{font-family:Architects Daughter,cursive;color:#3d5afe;text-transform:uppercase;font-size:1.55rem;line-height:1;margin:1.1rem 0 1rem}.principle-deck{font-family:Gochi Hand,cursive;font-size:1.25rem;line-height:1.25;color:#000000a6}.section-title{font-family:Gochi Hand,cursive;font-size:clamp(3rem,5vw,5rem);line-height:.9;color:#172033;margin:4rem 0 2rem}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:stretch}.story-card{position:relative;border-radius:16px 22px 14px 24px;box-shadow:8px 10px #00000013;overflow:visible;cursor:pointer;min-height:390px;transition:transform .24s ease,box-shadow .24s ease;transform-origin:top center}.story-card:hover{transform:translateY(-5px) rotate(0)!important;box-shadow:12px 16px #00000017}.story-content{border-radius:inherit;overflow:visible;height:100%}.featured-card{min-height:460px}.general-card{min-height:360px}.story-image-wrap{position:relative;height:220px;overflow:visible;background:#ffffff73;border-bottom:2px solid rgba(17,24,39,.3)}.featured-card .story-image-wrap{height:265px}.story-image-inner{width:100%;height:100%;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:22px}.story-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(.96)}.story-image-placeholder{width:100%;height:100%;display:grid;place-items:center;font-family:Gochi Hand,cursive;font-size:2rem;color:#00000059}.tape{position:absolute;top:var(--tape-top, -26px);left:var(--tape-left, 50%);width:var(--tape-width, 128px);height:var(--tape-height, 38px);transform:translate(-50%) rotate(var(--tape-rotate, -2deg)) skew(var(--tape-skew, 0deg));z-index:20;pointer-events:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18))}.tape svg{display:block;width:100%;height:100%;overflow:visible}.tape-body{fill:rgba(143,202,108,var(--tape-opacity, .96));stroke:#3b733047;stroke-width:1.2}.tape-highlight{fill:#ffffff14}.tape-shadow{fill:#2c5e261f}.tape-fiber,.tape-crease{display:none}.tape-curl{fill:#488c3a6b;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.18))}.story-body{padding:1.6rem}.story-category{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d35400;margin-bottom:.7rem}.story-title{font-family:Gochi Hand,cursive;font-size:clamp(2rem,3vw,3.1rem);line-height:.95;color:#172033;margin:0 0 .9rem}.general-card .story-title{font-size:clamp(1.65rem,2.4vw,2.35rem)}.story-deck{font-family:Gochi Hand,cursive;font-size:1.25rem;line-height:1.2;color:#0000009e;margin:0}.story-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}.span-3{grid-column:span 3}.span-6{grid-column:span 6}#detail-modal{border:0;border-radius:24px;width:min(980px,92vw);max-height:84vh;padding:0;background:transparent}#detail-modal::backdrop{background:#0f172a6b;backdrop-filter:blur(8px)}.modal-card{position:relative;background:#fff8b5;border-radius:18px 24px 16px 28px;box-shadow:14px 18px #00000021;padding:3rem;max-height:84vh;overflow-y:auto}.modal-title{font-family:Gochi Hand,cursive;font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:1rem 0 .75rem;color:#172033}.modal-subtitle{font-family:Gochi Hand,cursive;font-size:1.55rem;color:#00000094;margin-bottom:2rem}.modal-image{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:1rem 0 2rem;border:2px solid rgba(17,24,39,.35)}.modal-body{font-family:Gochi Hand,cursive;font-size:1.45rem;line-height:1.35}.modal-loading{font-family:Gochi Hand,cursive;font-size:1.35rem;line-height:1.35;color:#00000094}.modal-close{margin-top:2.5rem;background:#fff;border:2px solid #111827;border-radius:999px;padding:.7rem 1rem;font-family:Architects Daughter,cursive;font-weight:900;color:#d35400;cursor:pointer;box-shadow:4px 4px #00000014}.modal-close:hover{transform:translateY(-1px);box-shadow:5px 5px #0000001a}@media(max-width:1100px){.span-3,.span-6{grid-column:span 6}.principles-grid{grid-template-columns:1fr}}@media(max-width:760px){.labnotes-shell{padding:12rem 1.5rem 5rem}.hero-note,.principle-card,.story-card{transform:rotate(0)!important}.hero-note,.modal-card{padding:3rem 1.5rem 2rem}.span-3,.span-6{grid-column:span 12}.tape{width:96px;height:34px}}