.kutaPage{--kuta-ivory:#f4f0e8;--kuta-ink:#26231f;--kuta-plum:#382434;--kuta-copper:#b37b52;background:var(--kuta-ivory);color:var(--kuta-ink);font-family:Arial,Noto Sans Thai,Noto Sans CJK SC,sans-serif;overflow:clip}.kutaPage *{box-sizing:border-box}.kutaPage .siteHeader{z-index:90;color:var(--kuta-ink);background:#f4f0e8f0;border-bottom:1px solid #26231f26}.kutaPage .siteHeader a,.kutaPage .siteHeader button{color:inherit}.kutaPage h1,.kutaPage h2,.kutaPage .kutaPlum p{font-family:Georgia,Noto Serif Thai,Noto Serif CJK SC,serif;font-weight:400}.kutaPage p{line-height:1.62}.kutaHero{background:var(--kuta-plum);color:#fff;height:calc(100svh - 72px);min-height:620px;position:relative;overflow:hidden}.kutaHeroPhoto{width:100%;height:100%;animation:1.8s cubic-bezier(.25,.8,.2,1) both kutaArchOpen;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.kutaHeroPhoto img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(calc(1.06 - var(--kuta-hero-progress,0)*.06));animation:1.8s both kutaPhotoSettle}.kutaHeroShade{pointer-events:none;background:linear-gradient(#21142156,#0000 35%,#211421b8 94%);position:absolute;inset:0}.kutaHeroTop{letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:12px;display:flex;position:absolute;top:28px;left:4vw;right:4vw}.kutaHeroWords{max-width:90vw;transform:translateY(calc(var(--kuta-hero-progress,0)*-36px));opacity:calc(1 - var(--kuta-hero-progress,0)*.75);animation:1s .95s both kutaWords;position:absolute;bottom:14%;left:5vw}.kutaHeroWords p{letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:13px}.kutaHeroWords h1{letter-spacing:-.065em;text-shadow:0 2px 30px #1b122366;margin:0;font-size:clamp(54px,8vw,150px);line-height:.9}.kutaHeroWords h1 span{display:block;overflow:hidden}.kutaHeroWords small{letter-spacing:.24em;margin-top:20px;font-size:13px;display:block}.kutaScroll{color:#fff;letter-spacing:.08em;font-size:13px;text-decoration:none;position:absolute;bottom:5%;right:4vw}@keyframes kutaArchOpen{0%{border-radius:50% 50% 0 0/32% 32% 0 0;width:30%;height:64%}to{border-radius:0;width:100%;height:100%}}@keyframes kutaPhotoSettle{0%{transform:scale(1.15)}to{transform:scale(1.06)}}@keyframes kutaWords{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0}}.kutaIntro{background:var(--kuta-ivory);padding:145px 5vw 100px;position:relative}.kutaCurve{background:var(--kuta-ivory);pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;width:140%;height:180px;position:absolute;top:-80px;left:-20%}.kutaIntroInner{grid-template-columns:24% 1fr;gap:4vw;max-width:1420px;margin:auto;display:grid;position:relative}.kutaIntroInner>span,.kutaSequenceLabel,.kutaGuideHeader>span,.kutaEnd>span{letter-spacing:.18em;text-transform:uppercase;font-size:12px}.kutaIntro h2{letter-spacing:-.045em;max-width:1050px;margin:0 0 35px;font-size:clamp(40px,5.4vw,92px);line-height:1.04}.kutaIntroInner p{color:#4b4541;max-width:800px;margin:0;font-size:clamp(18px,1.35vw,21px)}.kutaIntroNote{border-top:1px solid #927d735b;grid-template-columns:24% 1fr;gap:4vw;max-width:1420px;margin:80px auto 0;padding:25px 0 0;display:grid}.kutaIntroNote .kutaCaption{grid-column:2;max-width:810px}.kutaCaption>span{letter-spacing:.16em;text-transform:uppercase;color:#826d60;margin-bottom:22px;font-size:12px;display:block}.kutaCaption h2{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(32px,3.5vw,58px);line-height:1.1}.kutaCaption p{color:#4b4541;max-width:640px;margin:0;font-size:clamp(18px,1.25vw,20px);line-height:1.6}.kutaSequenceLabel{background:var(--kuta-ivory);border-top:1px solid #927d735b;border-bottom:1px solid #927d735b;justify-content:space-between;padding:22px 5vw;display:flex}.kutaHorizontal{background:var(--kuta-ivory);position:relative}.kutaHorizontalSticky{align-items:center;height:100svh;min-height:650px;display:flex;position:sticky;top:0;overflow:hidden}.kutaGrid{pointer-events:none;background-image:linear-gradient(#3824340a 1px,#0000 1px),linear-gradient(90deg,#3824340a 1px,#0000 1px);background-size:12.5vw 12.5vw;position:absolute;inset:0}.kutaTrack{will-change:transform;align-items:center;gap:5vw;width:max-content;padding:0 7.5vw;display:flex;position:relative}.kutaPanel{flex:none;grid-template-columns:minmax(0,1.45fr) minmax(310px,.78fr);align-items:center;gap:clamp(28px,3vw,65px);width:85vw;max-width:1650px;min-height:70svh;display:grid}.kutaPanel:nth-child(2n) figure{align-self:end}.kutaPanel:nth-child(odd) figure{align-self:start}.kutaPanel figure{margin:0;position:relative}.kutaPanel img{aspect-ratio:1897/829;object-fit:cover;width:100%;height:auto;display:block;box-shadow:0 24px 55px #38243429}.kutaPanel figcaption{letter-spacing:.14em;color:#77645c;margin-top:10px;font-size:11px}.kutaPanel .kutaCaption p{max-width:530px}.kutaTrackRule{background:#38243442;height:1px;position:absolute;bottom:5vh;left:5vw;right:5vw}.kutaTrackRule i{height:2px;transform:scaleX(var(--kuta-pan,0));transform-origin:0;background:#ad694e;display:block}.kutaPlum{isolation:isolate;background:var(--kuta-plum);color:#f6eee3;grid-template-columns:23% 1fr;align-content:center;gap:3vw;min-height:62svh;padding:8vw 6vw;display:grid;position:relative;overflow:hidden}.kutaBotanical{opacity:.72;width:clamp(210px,25vw,420px);height:auto;transform:translateY(calc((var(--kuta-botanical,.5) - .5)*-65px));pointer-events:none;z-index:-1;position:absolute;top:-40px;right:-11vw}.kutaPlum span{letter-spacing:.16em;font-size:12px}.kutaPlum p{letter-spacing:-.04em;max-width:900px;margin:0;font-size:clamp(39px,6vw,105px);line-height:1.08}.kutaSplitStage,.kutaExpansion{background:var(--kuta-ivory);height:180svh;position:relative}.kutaSplitSticky,.kutaExpansionSticky{align-items:center;gap:4vw;height:100svh;padding:5vw;display:flex;position:sticky;top:0;overflow:hidden}.kutaSplitHeading{flex:none;width:30%}.kutaSplitVisual{aspect-ratio:1897/829;gap:calc((1 - var(--kuta-scroll,1))*3vw);width:66%;display:flex;overflow:hidden}.kutaSlice{width:33.3333%;height:100%;transform:translateY(calc((1 - var(--kuta-scroll,1))*-20px));background-repeat:no-repeat;background-size:300% 100%}.kutaSlice1{transform:translateY(calc((1 - var(--kuta-scroll,1))*20px));background-position:50%}.kutaSlice2{background-position:100%}.kutaSlice0{background-position:0%}.kutaExpansionSticky{flex-direction:column;justify-content:center;gap:18px;display:flex}.kutaExpansionImage{width:calc(74% + var(--kuta-scroll,1)*26%);height:calc(48svh + var(--kuta-scroll,1)*30svh);position:relative;overflow:hidden}.kutaExpansionImage img{object-fit:cover;width:100%;height:100%;display:block}.kutaExpansionImage span{color:#fff;letter-spacing:-.06em;text-shadow:0 2px 30px #0006;white-space:nowrap;pointer-events:none;font-family:Georgia,serif;font-size:clamp(50px,11vw,200px);position:absolute;bottom:5%;left:3%}.kutaExpansion .kutaCaption{grid-template-columns:1fr 2fr;align-items:start;gap:0 30px;width:min(100%,850px);display:grid}.kutaExpansion .kutaCaption span{grid-column:1/-1;margin:0 0 12px}.kutaExpansion .kutaCaption h2{margin:0;font-size:clamp(27px,2.5vw,43px)}.kutaExpansion .kutaCaption p{font-size:17px}.kutaFinalPhoto{background:var(--kuta-plum);color:#f4f0e8;grid-template-columns:1.45fr .75fr;align-items:center;gap:4vw;padding:110px 5vw;display:grid}.kutaFinalPhoto figure{margin:0}.kutaFinalPhoto img{width:100%;height:auto;display:block;box-shadow:0 20px 50px #1c121e70}.kutaFinalPhoto .kutaCaption span,.kutaFinalPhoto .kutaCaption p{color:#ded0d0}.kutaGuide{background:var(--kuta-ivory);padding:100px 5vw}.kutaGuideHeader{grid-template-columns:28% 1fr;gap:4vw;max-width:1500px;margin:0 auto 55px;display:grid}.kutaGuide figure{border:1px solid #b9aa97;max-width:1500px;margin:0 auto}.kutaGuide figure img{width:100%;height:auto;display:block}.kutaFacts{border-top:1px solid #ac998d;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1500px;margin:55px auto 0;padding-top:26px;display:grid}.kutaFacts b{letter-spacing:.13em;text-transform:uppercase;font-size:13px}.kutaFacts p{color:#4b4541;font-size:17px}.kutaEnd{background:var(--kuta-plum);color:#fff;min-height:55svh;padding:120px 5vw}.kutaEnd h2{letter-spacing:-.04em;max-width:1170px;margin:32px 0 50px;font-size:clamp(42px,6vw,105px);line-height:1.05}.kutaEnd a{color:inherit;text-underline-offset:8px;margin-right:30px;font-size:16px;text-decoration:underline;display:inline-block}.kutaRelated{border-top:1px solid #ffffff4d;flex-wrap:wrap;gap:16px 35px;margin-top:65px;padding-top:22px;display:flex}.kutaRelated a{text-underline-offset:5px;font-size:14px}@media (width<=900px){.kutaHero{height:74svh;min-height:520px}.kutaHeroWords h1{font-size:clamp(48px,12vw,100px)}.kutaHeroTop{font-size:10px}.kutaIntro{padding:85px 22px 65px}.kutaIntroInner,.kutaIntroNote,.kutaGuideHeader{display:block}.kutaIntroInner>span{margin-bottom:30px;display:block}.kutaIntroNote{margin-top:55px}.kutaSequenceLabel{padding:18px 22px}.kutaHorizontal{height:auto!important}.kutaHorizontalSticky{height:auto;min-height:0;display:block;position:relative;overflow:visible}.kutaTrack{width:100%;padding:0;display:block;transform:none!important}.kutaPanel,.kutaPanel:nth-child(2n){border-bottom:1px solid #38243430;flex-direction:column;gap:24px;width:100%;min-height:0;padding:50px 22px;display:flex}.kutaPanel:nth-child(2n) figure{order:0}.kutaPanel figure,.kutaPanel .kutaCaption{width:100%}.kutaTrackRule{display:none}.kutaPlum{min-height:0;padding:90px 22px;display:block}.kutaPlum span{margin-bottom:30px;display:block}.kutaSplitStage,.kutaExpansion{height:auto}.kutaSplitSticky,.kutaExpansionSticky{flex-direction:column;gap:35px;height:auto;padding:65px 22px;display:flex;position:relative}.kutaSplitHeading,.kutaSplitVisual{width:100%}.kutaSplitVisual{gap:0}.kutaSlice{transform:none}.kutaExpansionImage{aspect-ratio:1897/829;width:100%;height:auto}.kutaExpansionImage span{font-size:9vw}.kutaExpansion .kutaCaption{display:block}.kutaExpansion .kutaCaption h2{margin:0 0 15px}.kutaFinalPhoto{flex-direction:column;align-items:stretch;padding:70px 22px;display:flex}.kutaGuide{padding:70px 22px}.kutaGuideHeader>span{margin-bottom:25px;display:block}.kutaFacts{display:block}.kutaFacts>div{margin-bottom:28px}.kutaEnd{padding:90px 22px}.kutaEnd a{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.kutaHeroPhoto,.kutaHeroPhoto img,.kutaHeroWords{animation:none!important}.kutaHeroPhoto{border-radius:0;width:100%;height:100%}.kutaHeroWords{opacity:1!important}.kutaTrack{transform:none!important}.kutaHorizontal{height:auto!important}.kutaHorizontalSticky{height:auto;min-height:0;position:relative;overflow:visible}.kutaTrack{width:100%;padding:0;display:block}.kutaPanel,.kutaPanel:nth-child(2n){border-bottom:1px solid #38243430;grid-template-columns:1.2fr 1fr;width:100%;min-height:0;padding:48px 5vw;display:grid}.kutaPanel:nth-child(2n) figure{order:0}.kutaSplitStage,.kutaExpansion{height:auto}.kutaSplitSticky,.kutaExpansionSticky{height:auto;min-height:0;position:relative}.kutaSplitVisual{gap:0}.kutaSlice{transform:none}.kutaExpansionImage{width:100%;height:70svh}}.kutaPage .kutaBotanical{max-width:420px}@media (width<=650px){.kutaHeroTop span:last-child{display:none}.kutaHeroWords h1{font-size:12.4vw}.kutaHeroWords{bottom:13%}.kutaScroll{left:5vw;right:auto}.kutaCaption h2{font-size:clamp(32px,8vw,47px)}.kutaIntro h2{font-size:clamp(39px,9vw,65px)}.kutaPlum p{font-size:clamp(40px,9vw,70px)}.kutaExpansionImage{aspect-ratio:4/3}.kutaExpansionImage img{object-fit:cover}.kutaPanel img{aspect-ratio:4/3}.kutaPage .kutaFacts p{font-size:16px}}.kutaPage .siteHeader .talk{color:#fff}
