/* KAKTAO Heritage Museum - original design system */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4e9d5;--dark:#233d35;--jade:#2c6258;--vermilion:#9c432f;--brass:#aa8349;--text:#2c302b}body{font-family:'Noto Sans SC',sans-serif!important;color:var(--text);background-color:#f4e9d5!important;background-image:radial-gradient(#9b78452c .7px,transparent .8px),linear-gradient(90deg,transparent 97%,#b6945a16 98%)!important;background-size:7px 7px,56px 56px!important}h1,h2,h3,.entry-title h2{font-family:'Noto Serif SC',serif!important;letter-spacing:.03em}p{letter-spacing:.018em}a,button{transition:color .2s,background .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid #c57b4f;outline-offset:3px}.topbar,header:not(.entry-header){background:#18362f!important;border-bottom:3px double #cfa56a!important;box-shadow:0 6px 0 #7f392b,0 9px 0 #cfa56a33;position:relative;z-index:20}.brand{font-family:Georgia,'Noto Serif SC',serif!important;color:#f6e7c5!important}.toplinks a,header nav a{color:#f6e7c5!important}header nav a:hover,.toplinks a:hover{color:#ffe09d!important}
/* An original Peranakan-inspired tile: geometrical CSS, no external image */
.heritage-ribbon{height:32px;background-color:#2f6a5c;background-image:linear-gradient(45deg,#eddab5 25%,transparent 25%),linear-gradient(-45deg,#eddab5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eddab5 75%),linear-gradient(-45deg,transparent 75%,#eddab5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-block:3px solid #a34e35;opacity:.94}.museum-stamp{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#81552e;letter-spacing:.22em}.museum-stamp:before,.museum-stamp:after{content:'✦';font-size:17px;color:#ae6638}.museum-intro{max-width:1220px;margin:0 auto;padding:76px 28px 64px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:8%;position:relative}.museum-intro:before{content:'角頭';position:absolute;right:5%;top:-40px;color:#8f6c4112;font:900 clamp(100px,18vw,240px) 'Noto Serif SC',serif;pointer-events:none}.museum-intro h2{font-size:clamp(35px,4vw,62px);line-height:1.35;color:#253f38;margin:20px 0}.museum-intro p{font-size:17px;line-height:2;color:#635a4d}.museum-intro figure{margin:0;position:relative;transform:rotate(1.4deg);background:#fff9eb;padding:13px 13px 37px;box-shadow:16px 20px 0 #b7a48655,0 30px 55px #59412638}.museum-intro figure img{width:100%;height:390px;display:block;object-fit:cover;filter:saturate(.86) contrast(1.06)}.museum-intro figcaption{font:italic 14px Georgia,serif;padding-top:14px;text-align:center;color:#80684b}.museum-quote{padding:20px 0 20px 24px!important;border-left:4px solid #b65b3b;font-family:'Noto Serif SC',serif;font-size:19px!important;color:#4e5145!important}.museum-link{display:inline-block;background:#963f30;color:#fff4de!important;padding:13px 23px;text-decoration:none;border-radius:2px;letter-spacing:.1em}.museum-link:hover{background:#6f3024;transform:translateY(-2px)}.museum-sectionhead{text-align:center;margin:0 auto 35px;max-width:760px;padding:0 22px}.museum-sectionhead h2{font-size:clamp(30px,4vw,48px);color:#254438;margin:15px 0}.museum-sectionhead p{line-height:1.9;color:#76644f}.museum-separator{height:56px;background:linear-gradient(to bottom,transparent,#d1b78a50,transparent);display:flex;align-items:center;justify-content:center;color:#9e553a;font-size:24px;letter-spacing:24px}
/* homepage enhancement */
.hero{border-bottom:8px solid #b28b4c!important}.hero-copy{max-width:850px!important;text-shadow:0 2px 16px #081c1b88}.hero h1{font-weight:700!important}.section{position:relative}.section:not(.dark){background:transparent!important}.section.dark{background:#203c35!important;background-image:linear-gradient(130deg,#0b282445 25%,transparent 25%),radial-gradient(circle at 85% 20%,#b27b3d19,transparent 36%)!important}.section.dark:before{content:'';position:absolute;inset:0;pointer-events:none;border-top:8px double #d2ab6f40;border-bottom:8px double #d2ab6f40}.eyeline,.eyebrow{letter-spacing:.2em!important}.tile{border-radius:4px!important;box-shadow:8px 9px 0 #a1885a35!important}.tile:nth-child(3n+2){transform:translateY(20px)}.tile:nth-child(3n+3){transform:translateY(38px)}.tile:hover{transform:translateY(-5px)!important}.photo-stack img,.gallery img{filter:saturate(.88) contrast(1.04)}
/* story museum: editorial spreads instead of identical landing cards */
.cover{min-height:570px!important;border-bottom:12px double #b98a50;background-image:linear-gradient(90deg,#172e2be8,#172e2b80 62%,#172e2b22),url('assets/coast.webp')!important}.cover h1{font-size:clamp(54px,8vw,102px)!important;letter-spacing:.11em}.cover .label{font-size:13px;color:#ffe0a5}.cover p{font-size:19px!important}.intro-note{max-width:1050px!important;text-align:center;padding:64px 24px 32px!important;color:#745b42!important;font:17px/2.1 'Noto Serif SC',serif!important}.layout{max-width:1370px!important;grid-template-columns:240px minmax(0,1fr)!important;gap:44px!important}.sidebar{background:#efe0c1!important;border:1px solid #bb9369!important;border-radius:2px!important;box-shadow:7px 8px 0 #bda07655!important;padding:24px 19px!important}.sidebar h2{font:700 23px 'Noto Serif SC',serif!important;color:#714128}.sidebar a{font-size:14px!important;border-bottom:1px solid #d3b990!important;padding:10px 5px!important}.sidebar a:hover{color:#a34529!important;background:#e2ca9b55}.entries{gap:66px!important}.entry{background:#fffaf0!important;border:1px solid #c9ae82!important;border-radius:2px!important;box-shadow:13px 14px 0 #ac946a40!important;overflow:visible!important;position:relative}.entry:before{content:'';position:absolute;inset:10px;pointer-events:none;border:1px solid #b6a17c55;z-index:2}.entry:nth-child(even){background:#edf0e4!important}.entry:nth-child(3n){background:#f2e1ce!important}.entry-image{height:370px!important;margin:18px 18px 0;position:relative;overflow:hidden}.entry:nth-child(even) .entry-image{height:420px!important;margin:20px 25% 0 18px}.entry:nth-child(3n) .entry-image{height:430px!important;margin:20px 18px 0 28%}.entry-image:after{content:'KAKTAO · TANJUNG PIANDANG';position:absolute;bottom:0;left:0;background:#143c36de;color:#f4ddad;padding:9px 17px;font:11px Georgia,serif;letter-spacing:.16em}.entry-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}.entry-body{padding:39px clamp(24px,5vw,72px) 52px!important}.kicker{color:#a14a33!important;font-size:13px!important;letter-spacing:.18em!important}.entry-title{border-bottom:2px solid #c9a977;padding-bottom:22px!important;margin-bottom:25px!important}.entry-title h2{font-size:clamp(28px,3vw,43px)!important;color:#2c493d}.entry p{font:16px/2.25 'Noto Serif SC',serif!important;color:#3f453d!important}.entry p:first-of-type:first-letter{font-size:1.8em;color:#9b4430;font-weight:700}.type{border-color:#b18b55!important;border-radius:2px!important;color:#8b5738!important}.source{font:11px/2 'Noto Sans SC',sans-serif!important;color:#8a7c69!important;border-top:1px dashed #bea585!important}.source a{color:#74563b!important}.food-gallery figure{border:7px solid #fff8e5;box-shadow:4px 5px 0 #b4a08066;border-radius:1px!important}.food-gallery img{filter:saturate(.96)}.notice{background:#e5ddc9!important;border-radius:2px!important}footer{background:#1c3932!important;border-top:8px double #b79156!important}
@media(max-width:850px){.museum-intro{grid-template-columns:1fr;padding:56px 20px;gap:35px}.museum-intro figure img{height:310px}.layout{grid-template-columns:1fr!important;gap:22px!important}.sidebar{position:sticky!important;top:0;z-index:5;display:flex!important;max-height:none!important;overflow:auto;box-shadow:0 4px 10px #40291822!important}.entry:nth-child(even) .entry-image,.entry:nth-child(3n) .entry-image{margin:12px 12px 0;height:280px!important}.entry-image{height:280px!important;margin:12px 12px 0}.entries{gap:34px!important}.entry{box-shadow:6px 7px 0 #ac946a40!important}.entry-body{padding:26px 23px 37px!important}.tile:nth-child(n){transform:none}}@media(max-width:500px){.cover{min-height:390px!important}.cover h1{font-size:45px!important}.cover p{font-size:16px!important}.museum-intro h2{font-size:34px}.museum-intro figure img{height:240px}.entry-image,.entry:nth-child(even) .entry-image,.entry:nth-child(3n) .entry-image{height:210px!important}.entry p{font-size:15px!important}.heritage-ribbon{height:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}