@font-face{font-family:'Instrument Serif';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-weight:400;font-style:italic;font-display:swap;src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Devanagari';font-weight:400;font-display:swap;src:url(fonts/noto-deva.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Gujarati';font-weight:400;font-display:swap;src:url(fonts/noto-guj.woff2) format('woff2')}

:root{--tr:#F3ECDF;--iv:#FEFBF6;--sand:#E7D3B0;--nv:#0D2B42;--soft:#40566A;--gilt:#BE9444;--gilt-lt:#D8B160;--gdk:#85601F;--pom:#8C2D23;--cy:#2F4A3E;--ln:rgba(13,43,66,.2);
--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:Jost,'Avenir Next',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--tr);color:var(--nv);font-family:var(--sans);font-size:17px;line-height:1.55}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--gilt);outline-offset:3px}
.w{max-width:1040px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.skip{position:absolute;left:-999px;top:8px;background:var(--nv);color:var(--iv);padding:8px 14px;z-index:20}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
section[id]{scroll-margin-top:72px}

/* Header */
header.top{position:sticky;top:0;z-index:10;background:var(--tr);border-bottom:1px solid var(--ln);padding-top:env(safe-area-inset-top)}
.br{display:flex;justify-content:space-between;align-items:center;height:62px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.brand img{width:38px;height:38px;display:block}
.brand span{font-family:var(--serif);font-size:25px;letter-spacing:.01em;line-height:1}
.nv{display:flex;gap:22px;align-items:center;font-size:15px}
.nv a{color:var(--soft);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nv a:hover{color:var(--nv)}
.nv a.ct{background:var(--nv);color:var(--iv);padding:0 16px;min-height:40px}
.mn{display:none;font:500 15px var(--sans);background:none;border:0;color:var(--nv);min-height:44px;padding:0 10px}
.mp{padding:2px 0 14px}
.mp a{display:block;font-family:var(--serif);font-size:28px;text-decoration:none;padding:10px 0;border-top:1px solid var(--ln)}
.mp[hidden]{display:none}
.sun{position:absolute;left:0;bottom:-6px;width:11px;height:11px;border-radius:50%;background:var(--gilt);transform:translateX(calc(var(--sp,0)*(100vw - 11px)));pointer-events:none}

/* Shared */
.sec{padding-top:72px}
.eb{font:500 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gdk);display:flex;align-items:center;gap:12px}
.eb::after{content:"";height:1px;background:var(--gilt);width:56px}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5.2vw,48px);line-height:1.06;margin:10px 0 8px}
.lede{font-size:17px;color:var(--soft);max-width:52ch}
.cells{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.cells i{display:block;height:9px;background:rgba(13,43,66,.1)}
.small .cells i.on{background:var(--cy)}
.corp .cells i.on{background:var(--nv)}

/* Hero */
.hero{padding-top:44px;padding-bottom:40px}
.hg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}
.h{font-family:var(--serif);font-weight:400;font-size:clamp(36px,6.4vw,58px);line-height:1.04;letter-spacing:-.005em}
.s{font-size:18px;color:var(--soft);margin:16px 0 22px;max-width:38ch}
.tg{display:flex;gap:8px;flex-wrap:wrap}
.tg button{font:500 15px var(--sans);min-height:44px;padding:0 18px;border:1px solid var(--nv);background:transparent;color:var(--nv);border-radius:0;cursor:pointer}
.tg button.on{background:var(--nv);color:var(--iv)}
.tg button[data-m=small].on{background:var(--cy);border-color:var(--cy)}
.rd{font-size:16px;color:var(--soft);margin-top:14px;min-height:50px;max-width:42ch}
.seel{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--nv);text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--gilt)}
.col{width:100%;max-width:300px;margin:0 auto}
.col svg{width:100%;height:auto;display:block;--c:var(--cy)}
.col svg.corp{--c:var(--nv)}
.d{stroke:var(--nv);stroke-width:1.2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:adr 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--t,0s)}
.ld{stroke-width:.7}
.col .p *{fill:transparent;transition:fill .7s}
.col .p{transition:opacity .7s}
.col .p.f *{fill:var(--c)}
.col .p.f .fl{stroke:var(--gilt);fill:none}
.col .p.o{opacity:.4}
.col .p.o *{stroke-dasharray:.014}
.col .p .g{fill:var(--gilt)}
.lb{font:400 12px var(--sans);fill:var(--nv);opacity:0;transition:opacity .7s}
.lb.v{opacity:1}.lb.v.o{opacity:.35}
.cp{font:400 11px var(--sans);fill:var(--soft)}
@keyframes adr{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.d{animation:none;stroke-dashoffset:0}}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.stats>div{padding:18px 14px 16px 0;display:grid;grid-template-rows:auto 1fr}
.stats dd{order:-1;font-family:var(--serif);font-size:42px;line-height:1.05}
.stats dt{font-size:13.5px;color:var(--soft);line-height:1.35;margin-top:4px}

/* Two ways */
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;align-items:stretch}
.way{background:var(--iv);border:1px solid var(--gilt);outline:1px solid rgba(190,148,68,.45);outline-offset:-6px;padding:26px 28px 24px;display:flex;flex-direction:column}
.way h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1}
.way .for{font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;margin-top:4px}
.way.small .for{color:var(--cy)}.way.corp .for{color:var(--nv)}
.way .cells{margin:20px 0 6px}
.way .note{font-size:13.5px;color:var(--soft)}
.way p.d1{margin-top:16px}
.way dl{margin-top:16px}
.way dl>div{border-top:1px solid var(--ln);padding:11px 0}
.way dt{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gdk)}
.way dd{font-size:16px;color:var(--soft);margin-top:2px}

/* Plates */
.fl{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.fl button{font:500 15px var(--sans);min-height:44px;padding:0 18px;border:1px solid var(--nv);background:transparent;color:var(--nv);border-radius:0;cursor:pointer}
.fl button.on{background:var(--nv);color:var(--iv)}
.fl button[data-f=small].on{background:var(--cy);border-color:var(--cy)}
.lg{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--soft);margin-top:10px;flex-wrap:wrap}
.lg .cells{width:120px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.plate{position:relative;background:var(--iv);border:1px solid var(--gilt);outline:1px solid rgba(190,148,68,.45);outline-offset:-6px;display:flex;flex-direction:column}
.plate[hidden]{display:none}
.key{height:16px;background-repeat:repeat-x;background-size:24px 16px}
.small .key{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16'%3E%3Cpath d='M0 14.5H4V1.5H20V11.5H10V6H14M20 14.5H24' fill='none' stroke='%232F4A3E' stroke-width='1.6'/%3E%3C/svg%3E")}
.corp .key{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16'%3E%3Cpath d='M0 14.5H4V1.5H20V11.5H10V6H14M20 14.5H24' fill='none' stroke='%230D2B42' stroke-width='1.6'/%3E%3C/svg%3E")}
.pb{padding:14px 20px 20px;display:flex;flex-direction:column;flex:1}
.pt{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rn{font-family:var(--serif);font-size:26px;color:var(--pom);line-height:1}
.tag{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;text-align:right}
.small .tag{color:var(--cy)}.corp .tag{color:var(--nv)}
.plate h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.15;margin:10px 0 8px}
.ds{font-size:14.5px;color:var(--soft)}
.inv{margin-top:auto;padding-top:16px}
.it{font-size:12.5px;color:var(--soft);margin-top:5px;min-height:19px}
.dur{margin-top:12px;display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500}
.dur span{flex:none;min-width:104px}
.trk{flex:1;height:6px;border-bottom:1px solid var(--ln);position:relative}
.trk b{position:absolute;left:0;bottom:-1px;height:6px;background:var(--gilt);clip-path:polygon(0 0,100% 100%,0 100%)}
.out{margin-top:14px;font-size:14px;border-top:1px solid var(--ln);padding-top:12px}
.out li{padding-left:16px;position:relative;margin-top:3px}
.out li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--gilt)}
.sk{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.sk li{font-size:12px;border:1px solid var(--ln);padding:2px 9px;color:var(--soft)}
.hint{display:none;align-items:center;gap:12px;font-size:13px;color:var(--soft);margin-top:6px}
.hint .bar{flex:1;height:2px;background:var(--ln);position:relative}
.hint .bar b{position:absolute;left:0;top:0;height:2px;background:var(--gilt);width:9%}
@media (prefers-reduced-motion:no-preference){
.js .plate:not(.in) .cells i.on{transform:scaleX(0);transform-origin:left}
.js .plate:not(.in) .trk b{transform:scaleX(0);transform-origin:left}
.plate .cells i{transition:transform .5s cubic-bezier(.3,0,.2,1);transition-delay:calc(var(--i)*.12s + .15s)}
.plate .trk b{transition:transform .9s cubic-bezier(.3,0,.2,1) .5s}
}

/* Sundial */
.sd .lede{margin-bottom:18px}
#sc{width:100%;max-width:820px;height:auto;display:block}
.mk{font:400 11px var(--sans);fill:var(--soft);transition:fill .4s}
.mk.on{fill:var(--pom);font-weight:500}
.ctl{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:15px;color:var(--soft)}
.ctl input{-webkit-appearance:none;appearance:none;flex:1;height:44px;background:transparent;margin:0;touch-action:pan-y}
.ctl input::-webkit-slider-runnable-track{height:4px;background:#C9B78F;border-radius:2px}
.ctl input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--pom);border:3px solid var(--tr);box-shadow:0 0 0 1px var(--pom);margin-top:-13px}
.ctl input::-moz-range-track{height:4px;background:#C9B78F;border-radius:2px}
.ctl input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--pom);border:3px solid var(--tr)}
.rd2{font-size:17px;min-height:52px;margin-top:6px}

/* About */
.ab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;margin-top:26px;align-items:start}
.prose p{margin-bottom:14px;max-width:44ch}
.sig{margin-top:22px;display:flex;align-items:center;gap:14px;font-family:var(--serif);font-style:italic;font-size:30px;line-height:1}
.sig::before{content:"";width:40px;height:1px;background:var(--gilt)}
.stele{margin:44px auto 0;max-width:640px;background:var(--nv);color:var(--iv);padding:26px 20px 16px;position:relative;text-align:center;clip-path:polygon(0 12px,50% 0,100% 12px,100% 100%,0 100%)}
.stele::before{content:"";position:absolute;inset:20px 8px 8px;border:1px solid rgba(216,177,96,.5);pointer-events:none}
.stele .eb{justify-content:center;color:var(--gilt-lt)}.stele .eb::after{display:none}
.lang{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.lang .big{font-family:var(--serif);font-size:clamp(17px,3.6vw,22px);line-height:1.2;display:block}
.lang .dv{font-family:'Noto Sans Devanagari',sans-serif;font-size:clamp(17px,3.4vw,21px);line-height:1.5}
.lang .gj{font-family:'Noto Sans Gujarati',sans-serif;font-size:clamp(17px,3.4vw,21px);line-height:1.5}
.lang small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt-lt);margin-top:4px}

.sx{min-width:0}
.strata{display:flex;flex-direction:column}
.st{position:relative;padding:40px 24px 22px;margin-top:-18px}
.st:first-child{margin-top:0;padding-top:26px}
.st b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;display:block}
.st span{font-size:15px;display:block;margin-top:3px;max-width:44ch}
.s5{background:#2F4A3E;color:var(--iv);z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.s4{background:#143A57;color:var(--iv);z-index:2;clip-path:polygon(0 14px,9% 6px,21% 13px,36% 3px,52% 11px,67% 4px,84% 12px,100% 5px,100% 100%,0 100%)}
.s3{background:var(--gilt);color:var(--nv);z-index:3;clip-path:polygon(0 6px,13% 13px,27% 4px,41% 12px,58% 3px,73% 13px,88% 6px,100% 12px,100% 100%,0 100%)}
.s2{background:var(--sand);color:var(--nv);z-index:4;clip-path:polygon(0 12px,11% 4px,26% 13px,44% 5px,57% 13px,71% 3px,86% 11px,100% 4px,100% 100%,0 100%)}
.s1{background:#C9B78F;color:var(--nv);z-index:5;clip-path:polygon(0 5px,15% 13px,30% 4px,46% 12px,62% 5px,78% 13px,91% 5px,100% 10px,100% 100%,0 100%)}
.s2 span,.s1 span,.s3 span{color:var(--nv)}
.s5 span,.s4 span{color:rgba(254,251,246,.86)}
.cap{font-size:13px;color:var(--soft);margin-top:12px}
@media (prefers-reduced-motion:no-preference){
.js .strata:not(.in) .st{opacity:0;transform:translateY(22px)}
.st{transition:opacity .7s ease,transform .7s cubic-bezier(.3,0,.2,1);transition-delay:calc(var(--k)*.14s)}
}

/* Contact + footer */
.ct2{margin-top:72px;background:linear-gradient(var(--ln),var(--ln)) no-repeat center top/calc(100% - 40px) 1px;padding-top:40px;padding-bottom:56px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.ct2 .mail{font-family:var(--serif);font-size:clamp(28px,4.6vw,40px);line-height:1.1;margin-top:6px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btns a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;font-weight:500;text-decoration:none;border:1px solid var(--nv);color:var(--nv)}
.btns a.f{background:var(--nv);color:var(--iv)}
.addr{margin-top:8px;font-size:15px}
.pal{display:flex;height:10px}.pal i{flex:1}
footer p{font-size:13px;color:var(--soft);padding:14px 0 calc(40px + env(safe-area-inset-bottom))}

@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab{grid-template-columns:1fr;gap:30px}.stats{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}}
@media (max-width:640px){.nv .l{display:none}.mn{display:inline-block}.nv{gap:4px}.hg{grid-template-columns:1fr;gap:10px}.hero{padding-top:26px;padding-bottom:30px}.col{max-width:280px}.sec{padding-top:56px}}
@media (max-width:600px){
.stats{grid-template-columns:repeat(2,1fr)}.stats>div:last-child{grid-column:1/-1}
.grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:calc(-1*max(20px,env(safe-area-inset-left)));margin-right:calc(-1*max(20px,env(safe-area-inset-right)));padding:4px max(20px,env(safe-area-inset-right)) 14px;scroll-padding-left:max(20px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch;scrollbar-width:none}
.grid::-webkit-scrollbar{display:none}
.plate{flex:0 0 84%;scroll-snap-align:start;align-self:flex-start}
.hint{display:flex}
.stele{padding:26px 10px 14px}.stele::before{inset:20px 6px 6px}
.way{padding:22px 20px 20px}}
@media (max-width:360px){.brand{gap:8px}.brand span{font-size:19px}.brand img{width:32px;height:32px}.nv a.ct{padding:0 12px}.mn{padding:0 6px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.sun{display:none}}