@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--bg:#171511;--panel:#24201a;--copper:#ba8051;--gold:#e2c292;--text:#f2eadc;--muted:#b6a998}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.brand{font-family:'Cormorant Garamond',serif;line-height:1.08}h1{font-size:clamp(3.4rem,8vw,7.5rem);margin:12px 0}h2{font-size:clamp(2.6rem,5vw,4.5rem);margin:0 0 24px}h3{font-size:2rem;margin:0 0 12px}p{color:#d0c5b5}.wrap{width:min(1180px,90%);margin:auto}.eyebrow{color:var(--copper);letter-spacing:.28em;font-size:.72rem;font-weight:700;text-transform:uppercase}.top{height:83px;position:sticky;top:0;z-index:90;background:#171511ed;backdrop-filter:blur(15px);border-bottom:1px solid #55402e;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:2.1rem;font-weight:700;letter-spacing:.07em}.brand small{display:block;font:600 9px 'DM Sans';letter-spacing:.4em;color:var(--copper);text-align:center}.nav{display:flex;gap:24px;align-items:center}.nav a{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.nav a:hover,.active{color:var(--gold)}.hamb{display:none;background:none;color:white;border:1px solid #806246;padding:9px 12px;font-size:24px}.hero{min-height:680px;display:grid;align-items:center;position:relative;background:linear-gradient(90deg,#0e0b09ef,#0e0b0970),var(--hero) center/cover}.hero .wrap{position:relative}.hero p{max-width:570px;font-size:1.08rem}.btn{display:inline-block;background:var(--copper);padding:13px 25px;margin:12px 10px 0 0;color:#15110d;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--copper);cursor:pointer}.btn.outline{background:transparent;color:var(--gold);border-color:#b68b61}.section{padding:100px 0}.section.alt{background:#201c17}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:510px;object-fit:cover;border:1px solid #715337}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid #59452f;overflow:hidden}.card img{width:100%;height:250px;object-fit:cover}.card .pad{padding:26px}.card p{font-size:.92rem}.story{max-width:900px;margin:auto}.story p{font-size:1.03rem}.story h2{margin-top:50px}.orn{height:1px;background:linear-gradient(90deg,transparent,#8b603b,transparent);margin:35px 0}.foot{background:#0e0d0b;border-top:1px solid #68482d;padding:65px 0 105px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px}.foot a{display:block;margin:8px 0;color:#cbbda9}.foot small{color:#988976}.mobilebar{display:none}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{height:270px;width:100%;object-fit:cover;cursor:pointer;transition:transform .3s}.gallery img:hover{transform:scale(1.025)}.map{width:100%;height:380px;border:0;filter:grayscale(.7)}.faq details{border-bottom:1px solid #665039;padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.book-shell{background:radial-gradient(ellipse at center,#3b2c20,#15110e 70%);padding:38px 14px;border:1px solid #62472e}.book-stage{perspective:2000px;max-width:950px;margin:auto;min-height:590px;display:flex;align-items:center;justify-content:center}.book{position:relative;width:min(900px,100%);height:550px;filter:drop-shadow(0 25px 30px #000b)}.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;pointer-events:none;transition:opacity .2s}.spread.current{opacity:1;pointer-events:auto}.paper{position:relative;background:#e6d8bc;color:#39291b;padding:35px;overflow:hidden;border:1px solid #c2a882;background-image:repeating-linear-gradient(0deg,#00000005 0 1px,transparent 1px 5px)}.paper.left{border-radius:6px 0 0 6px;box-shadow:inset -22px 0 30px -25px #0009}.paper.right{border-radius:0 6px 6px 0;box-shadow:inset 22px 0 30px -25px #0009}.paper h3{font-size:2.5rem;color:#57351f}.paper p{color:#664b36}.paper .price{font-weight:700;color:#804621}.paper .menurow{display:flex;justify-content:space-between;border-bottom:1px dotted #bba17d;padding:8px 0;gap:15px;font-size:.86rem}.paper .menurow span:last-child{white-space:nowrap}.paper:before{content:'SHAMROCK  •  GANDARIA';display:block;color:#946b45;letter-spacing:.2em;font-size:.65rem;margin-bottom:24px}.turn-leaf{position:absolute;top:0;right:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:5;pointer-events:none;display:none}.turn-leaf.flipping{display:block;animation:pageflip .85s cubic-bezier(.3,.02,.3,1) forwards}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#e6d8bc;border:1px solid #a88964;box-shadow:inset 22px 0 35px -26px #0009;padding:40px;color:#513a27}.turn-face.back{transform:rotateY(180deg)}@keyframes pageflip{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px}.controls button{border:1px solid #a67a51;background:#2d2119;color:#e6c59b;padding:12px 20px;cursor:pointer}.controls button:disabled{opacity:.3;cursor:not-allowed}.coverbook{text-align:center;display:grid;place-items:center;height:100%;border:2px solid #9b7549;padding:20px}.coverbook h3{font-size:3.4rem}.notice{font-size:.8rem;color:#ad9a84;text-align:center}.tag{font-size:.7rem;color:#bd8c5f;text-transform:uppercase;letter-spacing:.2em}@media(max-width:850px){.hamb{display:block}.nav{display:none;position:absolute;top:83px;left:0;right:0;background:#1b1712;flex-direction:column;padding:24px;align-items:stretch;border-bottom:1px solid #6a4b31}.nav.open{display:flex}.hero{min-height:610px}.split,.footgrid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.section{padding:65px 0}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:95;background:#17130ff5;border-top:1px solid #6a4b31;justify-content:space-around;padding:10px 0 max(10px,env(safe-area-inset-bottom))}.mobilebar a{font-size:.65rem;text-align:center;display:grid;justify-items:center;color:#dfc7a8}.mobilebar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.book-stage{min-height:440px}.book{height:410px}.paper{padding:18px}.paper h3{font-size:1.8rem}.paper .menurow{font-size:.72rem}.paper:before{font-size:.45rem;margin-bottom:14px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.gallery img{height:175px}.book-stage{min-height:330px}.book{height:310px}.paper{padding:12px}.paper h3{font-size:1.25rem}.paper .menurow{font-size:.57rem;padding:5px 0}.paper:before{font-size:.37rem;margin-bottom:9px}.coverbook h3{font-size:1.7rem}.turn-face{padding:15px}.brand{font-size:1.55rem}}
/* Official Shamrock Gandaria logo */
.brand-logo{display:block;width:clamp(155px,19vw,240px);height:auto;max-height:72px;object-fit:contain;object-position:left center}.foot .brand-logo{width:min(280px,100%);max-height:none}.top .brand{display:flex;align-items:center;min-width:0}.top{min-height:83px}.foot .brand{display:block}@media(max-width:520px){.top .brand-logo{width:165px;max-height:65px}}

/* Natural 3D image flipbook */
.menu-reader{background:radial-gradient(ellipse at 50% 10%,#324735,#101b17 70%);border:1px solid #997a40;border-radius:18px;padding:clamp(12px,3vw,30px);margin:28px auto;box-shadow:0 25px 60px #0009;color:#f6e4b8}
.menu-reader h2{text-align:center;color:#f4d58b;margin:0 0 12px}
.menu-reader .reader-note{text-align:center;color:#d5c6a6;font-size:14px}
.flip-stage{display:flex;justify-content:center;align-items:center;min-height:300px;margin:20px auto;overflow:hidden;touch-action:pan-y}
#shamrock-flip{margin:auto}
#shamrock-flip .page{background:#f5eee1;overflow:hidden}
#shamrock-flip .page img{width:100%;height:100%;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none}
.reader-tools{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0}
.reader-tools button{background:#193b2d;color:#f6da91;border:1px solid #a98239;padding:10px 13px;border-radius:7px;cursor:pointer}
.reader-tools button:hover,.reader-tools button:focus-visible{background:#315943}
#reader-counter{min-width:105px;text-align:center}
.reader-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 4px;scrollbar-color:#b48a45 #17251d}
.reader-thumbs button{flex:0 0 65px;padding:3px;background:#21392c;border:2px solid transparent;border-radius:5px;cursor:pointer}
.reader-thumbs button.selected{border-color:#f5c15d}
.reader-thumbs img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.reader-thumbs small{color:#fff}
.menu-reader:fullscreen{overflow:auto;background:#101a15;display:flex;flex-direction:column;justify-content:center}
.menu-reader:fullscreen .flip-stage{width:100%}
@media(max-width:600px){.reader-tools button{padding:9px 10px;font-size:12px}.reader-thumbs button{flex-basis:52px}.flip-stage{margin:12px auto}}

/* SHAMROCK six-photo cinematic homepage slider */
.hero-carousel{position:relative;isolation:isolate;overflow:hidden;background:#1c1712;min-height:clamp(470px,68vh,760px);display:flex;align-items:center}
.hero-carousel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,7,.78) 0%,rgba(10,9,7,.45) 57%,rgba(9,9,7,.23) 100%);pointer-events:none}
.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.045);transition:opacity 1.1s ease,transform 6.5s ease}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-carousel>.wrap{position:relative;z-index:2;padding-top:72px;padding-bottom:100px}
.hero-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:3}
.hero-dot{width:11px;height:11px;border:1px solid #e4c37b;border-radius:50%;background:rgba(0,0,0,.35);cursor:pointer;padding:0;transition:background .2s,transform .2s}
.hero-dot.is-active{background:#e4c37b;transform:scale(1.22)}
.hero-dot:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){.hero-carousel{min-height:560px}.hero-carousel>.wrap{padding-top:55px;padding-bottom:95px}.hero-slide{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none!important}}

/* Keep interior photos proportionate on every screen */
.gallery img,.story img,.feature img {object-fit:cover;max-width:100%;}

/* Long-form SEO editorial sections */
.seo-longform{padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(48px,7vw,92px)}
.seo-longform-inner{max-width:1040px;margin-inline:auto}
.seo-longform-inner>h2{max-width:850px;line-height:1.18;margin:12px 0 32px}
.seo-article{margin:0 0 32px;padding:0 0 27px;border-bottom:1px solid rgba(130,105,75,.24)}
.seo-article h3{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0 0 14px;line-height:1.3}
.seo-article p{line-height:1.9;margin:0 0 15px;max-width:85ch}
.seo-related{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.seo-related h3{flex-basis:100%;margin:0 0 8px}
.seo-related a{display:inline-flex;padding:9px 16px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:600}
.seo-related a:hover{opacity:.7}
@media(max-width:640px){.seo-article{margin-bottom:24px;padding-bottom:20px}.seo-article p{line-height:1.8}.seo-related a{padding:8px 12px;font-size:.9rem}}

.domain-dropdown { width: 100%; max-width: 450px; margin: 20px auto; font-family: Arial, sans-serif; } .domain-details { width: 100%; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); overflow: hidden; } .domain-dropdown-btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; color: #222222; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; transition: background 0.3s ease; } .domain-dropdown-btn::-webkit-details-marker { display: none; } .domain-dropdown-btn::marker { content: ""; } .domain-dropdown-btn:hover { background: #fff5ed; } .dropdown-arrow { font-size: 12px; color: #d97706; transition: transform 0.3s ease; } .domain-details[open] .dropdown-arrow { transform: rotate(180deg); } .domain-dropdown-menu { display: flex; flex-direction: column; max-height: 350px; overflow-y: auto; background: #ffffff; border-top: 1px solid #eeeeee; padding: 8px; } .domain-dropdown-menu a { display: block; padding: 12px 15px; margin: 2px 0; color: #333333; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; border-radius: 7px; transition: all 0.2s ease; } .domain-dropdown-menu a:hover { background: #fff0df; color: #c65c00; padding-left: 20px; } .domain-dropdown-menu::-webkit-scrollbar { width: 5px; } .domain-dropdown-menu::-webkit-scrollbar-track { background: #f5f5f5; } .domain-dropdown-menu::-webkit-scrollbar-thumb { background: #d6a36c; border-radius: 10px; } @media (max-width: 768px) { .domain-dropdown { max-width: 100%; margin: 15px auto; } .domain-dropdown-btn { padding: 14px 16px; font-size: 14px; } .domain-dropdown-menu { max-height: 300px; } .domain-dropdown-menu a { padding: 11px 12px; font-size: 13px; } }