/*
Theme Name: Thai Spa Massage
Description: A multilingual Thai massage and spa journal with 15 editorial articles, cinematic video and a responsive layout.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Thai Spa Massage
Text Domain: thaispa-massage
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#203e35;--cream:#f8f6ef;--gold:#ad8853;--muted:#778077}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.announcement{text-align:center;background:var(--ink);color:#e9e3cd;padding:10px;font-size:10px;letter-spacing:2.8px}header{max-width:1400px;margin:auto;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;letter-spacing:3px;font-size:24px}.lotus{font-size:46px;color:var(--gold)}.brand-small{display:block;font:8px sans-serif;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:35px;font-size:13px}nav a.active{border-bottom:1px solid var(--gold);padding-bottom:7px}select{border:0;background:transparent;color:var(--ink);font-size:12px}.hero{margin:0 3%;min-height:580px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,35,27,.77),rgba(13,35,27,.12)),url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=2200&q=85') center/cover;color:#fff}.hero-copy{max-width:660px;padding:65px 7%}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:var(--gold);font-weight:600}.hero .eyebrow{color:#e4d2ae}.hero h1{font-size:49px;font-weight:400;line-height:1.4;margin:22px 0}.hero h1 em{font-family:'Playfair Display',serif;color:#e7d2ac;font-weight:400}.hero p{font-size:14px;line-height:1.9;color:#e1e7dc;max-width:390px}.btn{display:inline-block;background:var(--ink);color:white;padding:14px 25px;border:1px solid var(--ink);font-size:12px}.hero .btn{margin-top:18px;background:#f4eedf;color:var(--ink);border:0}.hero-note{position:absolute;right:34px;bottom:30px;font:italic 15px Georgia;letter-spacing:1px}.intro{display:flex;align-items:center;justify-content:space-between;gap:45px;max-width:1170px;margin:0 auto;padding:45px 20px;border-bottom:1px solid #dcded2}.intro h2{font-family:'Playfair Display',serif;font-weight:400;font-size:29px;margin:0;min-width:290px}.intro p{max-width:490px;font-size:13px;color:var(--muted);line-height:1.9}.section{max-width:1170px;margin:auto;padding:70px 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section h2{font-size:30px;font-weight:400;margin:10px 0}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card img{width:100%;height:245px;object-fit:cover;transition:transform .4s}.image-wrap{overflow:hidden}.card:hover img{transform:scale(1.04)}.card .meta{color:var(--gold);font-size:10px;letter-spacing:1.5px;margin-top:21px}.card h3{font-size:20px;font-weight:400;line-height:1.6;margin:10px 0}.card p{font-size:12px;color:var(--muted);line-height:1.9}.card .read{font-size:11px;display:block;margin-top:20px}.destinations{background:#e9ede4;padding:65px 0}.destinations .section{padding:0 20px}.places{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.place{height:280px;position:relative;overflow:hidden}.place img{height:100%;width:100%;object-fit:cover}.place:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#122d29b3)}.place span{position:absolute;z-index:1;bottom:25px;left:22px;color:white;font-size:20px}.place small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:8px}.quote{text-align:center;padding:70px 20px}.quote h2{font:italic 34px 'Playfair Display',serif;font-weight:400}.quote p{font-size:12px;color:var(--muted)}footer{background:var(--ink);color:#e7e4d7;padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p,footer>span{font-size:10px;color:#b6c4b6}.page-head{text-align:center;padding:60px 20px 25px}.page-head h1{font-size:39px;font-weight:400}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #ccd1c6;background:transparent;color:var(--ink);padding:9px 17px;font-size:12px}.filters button.selected{background:var(--ink);color:white}.search{width:100%;padding:14px 18px;border:1px solid #ccd1c6;background:#fffdf8;margin-bottom:20px}.article{max-width:760px;margin:auto;padding:50px 24px 80px}.article>img{width:100%;max-height:440px;object-fit:cover;margin:25px 0}.article h1{font-size:36px;font-weight:400}.article p{line-height:2;color:#5d6f63}.article h2{font-weight:400}.note{padding:18px;background:#e9ede4;font-size:12px;line-height:1.9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid img{width:100%;height:510px;object-fit:cover}.about-grid p{line-height:2;color:var(--muted)}@media(max-width:760px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:20px 6%;gap:18px}.brand{font-size:20px}.lotus{font-size:34px}nav{order:3;width:100%;justify-content:center;gap:35px}.hero{min-height:540px;margin:0 12px}.hero-copy{padding:45px 8%}.hero h1{font-size:36px}.hero-note{font-size:11px}.intro{display:block;padding:30px 24px}.intro h2{font-size:25px}.cards{grid-template-columns:1fr}.card img{height:280px}.section{padding:45px 24px}.section h2{font-size:25px}.places{grid-template-columns:1fr 1fr}.place{height:230px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid img{height:320px}footer{flex-direction:column;align-items:start;gap:13px}.article h1{font-size:28px}.page-head h1{font-size:30px}.section-heading{gap:12px}}
:root{--ink:#292b26;--cream:#f3f0e9;--gold:#967c56;--muted:#77776c}body{font-weight:300}.announcement{background:#252b24;color:#d0c7b1;font-size:9px;padding:11px}header{height:118px;max-width:1600px;padding:0 5%}.brand{font-size:25px;font-weight:400;letter-spacing:4px}.brand-small{font-size:7px;letter-spacing:2.8px}.lotus{font-size:38px;color:#9a8764}nav{gap:42px;font-size:11px;text-transform:uppercase;letter-spacing:1.6px}nav a.active{border-color:#87714c}select{font-size:10px;letter-spacing:1px}h1,h2,h3{font-family:'Playfair Display','Noto Sans Thai',serif}html[lang=th] h1,html[lang=zh] h1{line-height:1.35}em{font-family:'Playfair Display','Noto Sans Thai',serif;font-weight:400;color:#ac9064}.eyebrow{font-size:9px;font-weight:400;letter-spacing:2px}.section{max-width:1320px;padding:90px 55px}.cinematic{isolation:isolate;overflow:hidden;min-height:730px;margin:0 25px;background:linear-gradient(90deg,rgba(9,18,16,.9) 0%,rgba(16,25,21,.58) 40%,rgba(16,24,20,.16) 100%),url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=2400&q=90') 60% 55%/cover;box-shadow:inset 0 0 120px #11160d55}.cinematic:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#151d1980,transparent 45%);pointer-events:none}.hero-copy{max-width:820px;padding:75px 8% 130px;position:relative;z-index:3}.hero .eyebrow{color:#cfc2a2;font-size:9px;letter-spacing:3px}.hero h1{font-family:'Playfair Display','Noto Sans Thai',serif;font-size:106px;letter-spacing:-4px;line-height:1.05;font-weight:400;margin:35px 0 30px}.hero h1 em{color:#d1ba8f}.hero p{font-size:13px;max-width:315px;line-height:2;color:#c3c8ba}.hero-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #c2b28d;padding:15px 0;margin-top:17px;font-size:11px;letter-spacing:1px}.hero-link span{font-size:23px;color:#d9c7a3}.hero-bottom{position:absolute;bottom:27px;left:8%;right:5%;display:flex;justify-content:space-between;z-index:3;font-size:8px;letter-spacing:2px;color:#d8d4c6}.scene-caption{position:absolute;right:32px;top:50%;writing-mode:vertical-rl;color:#e3dfd2;font-size:8px;letter-spacing:3px;z-index:3}.scene-light{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:conic-gradient(from 195deg at 85% 0%,transparent 0deg,#f5e9bb30 10deg,transparent 17deg,#eae2ba15 24deg,transparent 34deg);filter:blur(15px)}.mist{position:absolute;pointer-events:none;width:130%;height:65%;bottom:-28%;left:-15%;z-index:1;filter:blur(38px);opacity:.6;background:radial-gradient(ellipse at 35% 55%,#d7ddd1a0 0,transparent 46%),radial-gradient(ellipse at 80% 65%,#e1e5d699 0,transparent 42%);animation:mist-drift 24s ease-in-out infinite alternate;mix-blend-mode:screen}.mist-two{bottom:-15%;left:10%;width:100%;height:44%;opacity:.25;animation-duration:32s;animation-direction:alternate-reverse;filter:blur(55px)}@keyframes mist-drift{from{transform:translate3d(-5%,4%,0) scale(1)}to{transform:translate3d(9%,-7%,0) scale(1.12)}}.editorial-intro{display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:50px;align-items:start;padding-top:105px;padding-bottom:105px;border-bottom:1px solid #d6d3c7}.editorial-intro>.eyebrow{padding-top:12px}.editorial-intro h2{font-size:41px;line-height:1.25;margin:0;letter-spacing:-1px}.editorial-intro p{color:var(--muted);font-size:12px;line-height:2;margin:0 0 18px}.text-link{font-size:10px;letter-spacing:.5px;padding-bottom:7px}.section-heading{margin-bottom:40px;gap:40px}.section h2{font-size:39px;letter-spacing:-.8px;line-height:1.3;font-weight:400;margin:14px 0 0}.section-heading>p{max-width:300px;color:var(--muted);font-size:12px;line-height:1.9;margin:0}.cards{gap:35px}.image-wrap{position:relative;background:#ddd9cf}.card img{height:290px;filter:saturate(.65)}.image-number{position:absolute;bottom:12px;left:16px;color:white;font:italic 20px Georgia}.card .meta{display:flex;justify-content:space-between;gap:10px;margin-top:22px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}.card .meta span{color:var(--muted);white-space:nowrap}.card h3{font-size:23px;font-weight:400;line-height:1.45;margin:14px 0}.card p{font-size:11px;line-height:1.95;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .read{font-size:10px;margin-top:18px}.feature-story{display:grid;grid-template-columns:1.05fr 1fr;background:#26342b;color:#e5e2d4;margin:10px 25px 0}.feature-photo{position:relative;min-height:610px}.feature-photo img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.5) brightness(.78)}.feature-photo span{position:absolute;left:30px;bottom:25px;font-size:8px;letter-spacing:2px;color:white}.feature-copy{padding:90px 14%}.feature-copy .eyebrow{color:#bca57c}.feature-copy h2{font-size:55px;line-height:1.2;font-weight:400;margin:30px 0}.feature-copy p{font-size:12px;line-height:2;color:#bfc7b6;margin-bottom:35px;max-width:350px}.feature-copy em{color:#baa47c}.destinations{background:#e8e5dc;padding:90px 0}.destinations .section{padding:0 55px}.places{grid-template-columns:repeat(5,1fr);gap:14px}.place{height:325px}.place:nth-child(even){margin-top:35px}.place img{filter:saturate(.5);transition:transform .7s}.place:hover img{transform:scale(1.06)}.place span{left:18px;right:18px;bottom:22px;font-family:'Playfair Display','Noto Sans Thai',serif;font-size:24px}.place small{font:7px 'Noto Sans Thai',sans-serif;letter-spacing:1.2px;margin-bottom:12px}.place b{float:right;font:20px sans-serif;font-weight:300}.ritual-list{margin-top:45px;border-top:1px solid #ccc9bc}.ritual-list>a{display:grid;grid-template-columns:50px 1fr 1.15fr 35px;gap:35px;align-items:center;padding:35px 0;border-bottom:1px solid #ccc9bc}.ritual-no{font:italic 19px Georgia;color:#9a8764}.ritual-list h3{font-size:27px;font-weight:400;margin:0}.ritual-list p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.ritual-arrow{font-size:25px;color:var(--gold)}.editor-note{background:#e8e4da;text-align:center;padding:70px 25px}.editor-note h2{font-size:37px;font-weight:400;margin:25px 0}.editor-note p{max-width:650px;margin:0 auto;font-size:12px;line-height:2;color:#73766a}.signature{font:italic 16px Georgia;display:block;margin-top:30px;color:#8c7656}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid #d6d3c7}.faq-section h2{font-size:34px}details{border-bottom:1px solid #ccc9bc;padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--gold)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);line-height:2;margin:18px 25px 0 0}.closing{text-align:center;padding:85px 25px 100px;background:radial-gradient(ellipse at 50% 100%,#d5d2c3,transparent 65%),#e9e6dc}.closing h2{font-size:70px;font-weight:400;line-height:1.1;margin:0 0 25px}.closing p{max-width:410px;margin:0 auto 25px;line-height:2;font-size:12px;color:var(--muted)}footer{background:#242d25;padding:45px 5%}.page-head{padding:85px 25px 10px}.page-head h1{font-size:75px;font-weight:400;margin:18px 0}.page-head p{font-size:13px;color:var(--muted)}.journal-grid{padding-top:45px}.journal-toolbar{border-bottom:1px solid #ccc9bc;padding-bottom:15px}.journal-toolbar label{display:block;margin-bottom:15px}.search{background:transparent;border:0;border-bottom:1px solid #ccc9bc;border-radius:0;max-width:500px;padding:12px 0;color:var(--ink);outline-offset:5px}.filters{margin-bottom:10px;margin-top:15px;gap:8px}.filters button{font-size:10px;border:1px solid #ccc9bc;padding:10px 17px}.filters button.selected{background:#303a2e}.result-count{font-size:10px;letter-spacing:1px;color:var(--muted);margin:23px 0 35px}.journal-grid .cards{row-gap:60px}.longread{padding-bottom:60px}.article-title{max-width:830px;text-align:center;margin:0 auto;padding:65px 30px 45px}.article-title>.text-link{display:inline-block;margin-bottom:40px}.article-title h1{font-size:54px;font-weight:400;line-height:1.2}.article-title>p{font-size:14px;line-height:2;color:var(--muted);max-width:640px;margin:auto}.article-cover{display:block;width:calc(100% - 100px);max-width:1210px;height:510px;object-fit:cover;margin:0 auto;filter:saturate(.6)}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:65px;max-width:1050px;padding:70px 30px;margin:auto}.article-layout aside{align-self:start;position:sticky;top:30px}.article-layout aside a{display:block;border-bottom:1px solid #d3d0c4;font-size:11px;line-height:1.8;padding:18px 0;color:#74786b}.article-prose h2{font-size:30px;font-weight:400;line-height:1.3;margin:0 0 20px}.article-prose section{margin-bottom:45px;scroll-margin-top:30px}.article-prose p{font-size:14px;color:#6d7265;line-height:2.1}.note{background:#e8e5da;color:#6c7164;font-size:11px}.next-story{display:block;margin-top:45px;padding-top:30px;border-top:1px solid #ccc9bc}.next-story h3{font-size:25px;font-weight:400}.about-grid{padding-top:35px}.about-grid img{filter:saturate(.55)}
@media(min-width:1500px){.hero-copy{padding-left:11%}.cinematic{min-height:820px}.hero h1{font-size:125px}}@media(max-width:1050px){.section{padding:65px 30px}.hero h1{font-size:86px}.editorial-intro{grid-template-columns:1fr 1fr;gap:35px}.editorial-intro>.eyebrow{grid-column:1/-1}.feature-copy{padding:65px 10%}.feature-copy h2{font-size:43px}.feature-photo{min-height:560px}.destinations .section{padding:0 30px}.places{grid-template-columns:repeat(3,1fr);gap:20px}.place:nth-child(even){margin:0}.places .place{height:280px}.cards{gap:22px}.card img{height:240px}.card .meta{flex-direction:column;gap:6px}.faq-section{gap:40px}.ritual-list>a{gap:20px;grid-template-columns:30px .9fr 1.2fr 25px}.ritual-list h3{font-size:24px}.article-layout{grid-template-columns:180px 1fr;gap:35px}}@media(max-width:760px){header{height:auto;padding:24px 6%}.brand{font-size:20px}.announcement{font-size:7px;letter-spacing:1.8px}.cinematic{margin:0 10px;min-height:660px;background-position:62% center}.hero-copy{padding:70px 28px 130px;max-width:550px}.hero h1{font-size:75px;letter-spacing:-2px;margin:30px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero p{max-width:275px}.scene-caption{right:13px;font-size:7px}.hero-bottom{left:28px;right:25px;font-size:7px;gap:15px;line-height:1.8}.section{padding:60px 25px}.editorial-intro{display:block}.editorial-intro h2{font-size:36px;margin:28px 0}.editorial-intro p{font-size:13px}.section h2{font-size:32px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.cards{gap:40px}.card img{height:310px}.card .meta{flex-direction:row;font-size:8px}.card h3{font-size:26px}.card p{font-size:13px}.feature-story{grid-template-columns:1fr;margin:0 10px}.feature-photo{min-height:350px}.feature-copy{padding:50px 30px 60px}.feature-copy h2{font-size:46px}.feature-copy p{font-size:13px}.destinations{padding:60px 0}.destinations .section{padding:0 25px}.places{grid-template-columns:1fr 1fr;gap:15px}.places .place{height:250px}.places .place:last-child{grid-column:1/-1;height:280px}.place span{font-size:23px;left:15px;right:15px}.place small{font-size:6px;letter-spacing:.5px}.ritual-list>a{grid-template-columns:25px 1fr 25px;gap:18px;padding:30px 0}.ritual-list h3{font-size:25px}.ritual-list p{grid-column:2;grid-row:2}.ritual-arrow{grid-column:3;grid-row:1}.editor-note{padding:55px 25px}.editor-note h2{font-size:32px}.faq-section{display:block}.faq-section>div:last-child{margin-top:35px}summary{font-size:13px}.closing h2{font-size:53px}.page-head{padding-top:55px}.page-head h1{font-size:56px}.page-head p{line-height:1.9}.journal-grid{padding-top:25px}.article-title{padding:45px 25px 35px}.article-title h1{font-size:37px}.article-cover{width:calc(100% - 30px);height:330px}.article-layout{display:block;padding:40px 25px}.article-layout aside{position:static;margin-bottom:40px}.article-prose h2{font-size:29px}.article-prose p{font-size:14px}footer .brand{font-size:20px}nav{gap:35px}html[lang=th] .hero h1,html[lang=zh] .hero h1{font-size:54px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}