:root{--bg:#f7f6f2;--ink:#161412;--red:#c8161d;--line:#8a857c;--ph:#d9d4ca;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141311;--ink:#efeae0;--red:#ef4a50;--line:#6d685f;--ph:#2a2825}}
:root[data-theme="dark"]{--bg:#141311;--ink:#efeae0;--red:#ef4a50;--line:#6d685f;--ph:#2a2825}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.disp{font-family:"Playfair Display","Bodoni Moda",Georgia,serif;font-weight:400}
.ph{width:100%;height:100%;min-height:120px;background:repeating-linear-gradient(45deg,var(--ph),var(--ph) 12px,transparent 12px,transparent 24px);display:grid;place-items:center;font:11px sans-serif;color:var(--line)}
.ph:after{content:"add image"}
.cov{width:100%;height:100%;object-fit:cover}
/* uploaded photos: full image, natural proportions — never cropped or zoomed */
.fit{width:100%;height:auto;display:block}
nav{display:flex;align-items:center;gap:28px;padding:34px 0 10px}
nav .ln{flex:1;border-top:1px solid var(--line);height:0;position:relative;top:-6px}
nav .grp{display:flex;gap:46px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-family:"Playfair Display",serif;font-weight:500}
.lh{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.logo{font-family:"Bodoni Moda",serif;font-size:34px;color:var(--red);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;padding:0 4px}
.hero{margin-top:6px}.hero>.ph{height:min(62vw,370px)}
.about{display:grid;grid-template-columns:minmax(150px,160px) minmax(0,300px) 120px;gap:40px;justify-content:center;align-items:start;padding:30px 20px}
.frame{border:1px solid var(--line);padding:2px}
.frame>.ph{aspect-ratio:3/4;width:100%}
.about h2,.stt{font-family:"Bodoni Moda",serif;font-weight:400;text-transform:uppercase;font-size:19px;letter-spacing:-.01em;margin:6px 0 14px}
.about p{font-size:11.5px;line-height:1.55;margin:0 0 14px;white-space:pre-line}
.aside{font-size:10.5px;letter-spacing:.1em;line-height:1.7;margin-top:78px;white-space:pre-line}
.aside:after{content:"";display:block;width:26px;border-top:1px solid var(--ink);margin:14px 0 0 13px}
.show{display:grid;grid-template-columns:200px minmax(0,550px);justify-content:center;gap:30px;padding:10px 20px 20px;align-items:end}
.tag{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Bodoni Moda",serif;font-size:56px;line-height:1.05;justify-self:center;white-space:pre-line}
.show .frame>.ph{aspect-ratio:16/9}
.stories{text-align:center;padding:30px 20px}
.stt{font-size:21px;margin-bottom:26px}
.cards{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.card{display:flex;align-items:flex-end;gap:10px}
.card .lb{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Bodoni Moda",serif;font-size:20px;text-transform:uppercase;display:flex;align-items:center;gap:14px;padding-top:6px}
.card .lb:after{content:"";height:28px;border-left:1px solid var(--ink)}
.card .im{width:155px}.card .im>.ph{height:170px}
.ban{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 14px;margin:20px 14px 0}
.bn{position:relative;min-height:160px;color:#f3efe6;background:#333;overflow:hidden}
.bn>.bg>.ph{position:absolute;inset:0}
.bn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.1) 50%,rgba(0,0,0,.5))}
.bn .t{position:absolute;z-index:2;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.7;white-space:pre-line;top:50%;transform:translateY(-50%)}
.bn .l{left:6%;width:130px}.bn .r{right:5%;width:190px;font-size:8.5px;line-height:1.55}
.bn .r b{display:block;font-size:11px;letter-spacing:.14em;margin-bottom:5px}
.ig{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;padding:22px 30px 6px;font-style:italic}
.ig .v{writing-mode:vertical-rl;font-size:11px;justify-self:center}
.ig .m{font-size:15px}
.ft{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px 20px 40px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;text-align:center;line-height:1.8;white-space:pre-line}
.ft svg{width:64px;height:64px;fill:var(--ink)}
@media(max-width:760px){
nav{padding:20px 12px 6px;gap:8px;flex-wrap:wrap;justify-content:center}nav .ln{display:none}nav .grp{gap:16px}.lh{order:-1;width:100%;text-align:center}.logo{font-size:28px}
.about{grid-template-columns:1fr;gap:16px}.frame.sm{max-width:200px}.aside{margin-top:0}
.show{grid-template-columns:1fr}.tag{writing-mode:horizontal-tb;transform:none;font-size:38px;text-align:center}
.card .im{width:130px}.card .im>.ph{height:150px}.cards{gap:20px}.bn{min-height:0;display:flex;flex-direction:column}.bn>.bg>.ph{position:static;height:120px}.bn:after{display:none}.bn .t{position:static;transform:none;width:auto!important;padding:16px 18px 0}.bn .r{padding-bottom:18px}.ft{gap:14px;flex-wrap:wrap}}

/* ================= Meet Tushar page ================= */
html{scroll-behavior:smooth}
nav .grp a.on{text-decoration:underline;text-underline-offset:5px;font-weight:600}
.caps{font-family:Jost,system-ui,sans-serif;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;line-height:1.75;margin:0}
.mt{padding:0 24px}
.mt-hero{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:20px;max-width:1240px;margin:0 auto;padding:60px 0 80px;align-items:start}
.side:after{content:"";display:block;width:24px;border-top:1px solid var(--ink);margin-top:14px}
.sl{margin-top:90px}.sr{margin-top:470px}
.stage{position:relative;width:min(560px,100%);margin:0 auto;padding:30px 0}
.paper{position:relative;z-index:2;padding:96px 62px 110px 70px;color:#2b2016;transform:rotate(-1.5deg)}
.paper:before{content:"";position:absolute;inset:0;z-index:-1;
 background:
  radial-gradient(circle at 11% 93%,transparent 0 34px,rgba(120,70,20,.22) 35px 38px,transparent 42px),
  radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(105,58,14,.38) 100%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .38 0 0 0 0 .24 0 0 0 0 .09 0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
  linear-gradient(172deg,#ecd9b4,#dcc196 55%,#e5cca2);
 filter:url(#torn) drop-shadow(0 22px 24px rgba(0,0,0,.28))}
.paper.custom:before{background:var(--paper) center/100% 100% no-repeat;filter:drop-shadow(0 22px 24px rgba(0,0,0,.28))}
.ink{transform:rotate(-7deg);font-family:Caveat,"Segoe Script",cursive;font-size:23px;line-height:1.5}
.ink h1{font:500 58px/1.05 Caveat,"Segoe Script",cursive;margin:0 0 30px;white-space:normal}
.ink p{margin:0 0 26px}
.ink .sign{font-family:"Mrs Saint Delafield",cursive;font-size:34px;text-align:right;margin:6px 10px 0 0;line-height:1.15}
.tape{position:absolute;z-index:4;width:120px;height:38px;background:rgba(236,226,200,.72);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.t1{top:-14px;left:36%;transform:rotate(3deg)}
.t2{top:-18px;left:28%;width:90px;transform:rotate(-7deg)}
.pola{position:absolute;z-index:3;margin:0;background:#f5f2eb;padding:10px 10px 12px;box-shadow:0 12px 26px rgba(0,0,0,.24)}
.pola .ph{min-height:240px}
.p1{width:270px;right:-235px;top:-14px;transform:rotate(3.5deg)}
.p2{width:190px;left:-175px;top:430px;transform:rotate(-4deg)}
.phil,.cols{max-width:1240px;margin:0 auto;border-top:1px solid var(--line)}
.phil{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:40px;align-items:center;padding:32px 34px}
.phil h2{font:400 46px/1.03 "Bodoni Moda",Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:18px 0 0}
.phil h2:after,.col h3:after{content:"";display:block;width:24px;border-top:1px solid var(--ink);margin-top:22px}
.dframe{border:1px solid var(--ink);padding:4px}
.dframe>*{border:1px solid var(--ink)}.dframe .ph{min-height:200px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:24px 0}
.col{padding:10px 56px;border-left:1px solid var(--line)}.col:first-child{border-left:0}
.no{font:400 15px "Bodoni Moda",Georgia,serif}
.col h3{font:400 27px/1.1 "Bodoni Moda",Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:4px 0 22px}
.mft{text-align:center;padding:22px 24px 30px}
.gram{font:400 16px "Playfair Display",Georgia,serif;margin:0 0 16px}
.soc{display:flex;gap:36px;justify-content:center}.soc svg{width:19px;height:19px;fill:var(--ink);display:block}
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:22px;font:11px Jost,system-ui,sans-serif;letter-spacing:.04em}
.bar>span:first-child{text-align:left}
.fl{display:flex;gap:30px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.up{justify-self:end;font-size:28px;line-height:1;padding:0 8px}
@media(max-width:1000px) and (min-width:761px){.mt-hero{grid-template-columns:90px minmax(0,1fr) 90px}.p1{width:200px;right:-120px}.p2{width:150px;left:-110px}}
@media(max-width:760px){
.mt{padding:0 16px}
.mt-hero{grid-template-columns:1fr 1fr;padding:26px 0 40px;gap:20px}
.stage{order:-1;grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px 0;padding:0}
.paper{order:0;width:100%;padding:70px 34px 80px 40px}.ink{font-size:19px;transform:rotate(-4deg)}.ink h1{font-size:44px}.ink .sign{font-size:28px}
.pola{position:relative;inset:auto;width:46%!important}.p1{order:1}.p2{order:2;margin-top:24px}
.sl,.sr{margin:0}.sr{text-align:right}.sr:after{margin-left:auto}
.phil{grid-template-columns:1fr;padding:28px 0;gap:22px}.phil h2{font-size:36px}
.cols{grid-template-columns:1fr;padding:0}.col{border-left:0;border-top:1px solid var(--line);padding:22px 4px}.col:first-child{border-top:0}
.bar{grid-template-columns:1fr;gap:14px;justify-items:center}.bar>span:first-child{text-align:center}.fl{flex-wrap:wrap;justify-content:center;gap:16px}.up{justify-self:center}}

/* ================= Stories page (dark) ================= */
body.dark{--bg:#0c0b0a;--ink:#ece6dc;--line:#3b3732;--ph:#1e1c19;background:var(--bg) radial-gradient(ellipse at 30% 0%,#17140f,transparent 60%) no-repeat;color:var(--ink)}
.sp{padding:0 30px;max-width:1300px;margin:0 auto}
.sp-hero{display:grid;grid-template-columns:1fr minmax(260px,330px);gap:40px;align-items:center;padding:70px 60px 60px}
.kick:after{content:"";display:block;width:28px;border-top:1px solid var(--ink);margin-top:16px}
.sp-text h1{font:400 64px/.98 "Bodoni Moda",Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:34px 0 26px;text-shadow:0 6px 18px rgba(0,0,0,.5)}
.sub{font-size:21px;line-height:1.35;margin:0;opacity:.9}
.snap{position:relative;margin:0;background:#d8cfbe;padding:7px;transform:rotate(3deg);box-shadow:0 18px 34px rgba(0,0,0,.6)}
.film{position:relative;background:#15120e;padding:10px 10px 10px 30px}
.film:before{content:attr(data-film);position:absolute;left:8px;top:12px;writing-mode:vertical-rl;font:600 9px/1 Jost,monospace;letter-spacing:.25em;color:#d79a4a;opacity:.85}
.film .ph{min-height:360px}
.snap .t1{left:32%;top:-18px;width:90px;background:rgba(200,190,170,.75)}
.gbox{border:1px solid var(--line);padding:22px 26px 28px;margin:10px 0 0}
.ghead{display:flex;align-items:center;gap:22px;margin-bottom:18px}.ghead .caps{font-size:11px}
.gl{flex:1;border-top:1px solid var(--line)}
.gfs{background:none;border:0;padding:4px;cursor:pointer;color:var(--ink)}.gfs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;display:block}
.gbox iframe{display:block;width:100%;border:0;background:#e9e4dc}
.gempty{height:420px;background:#e9e4dc;color:#3a3530;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:Jost,system-ui,sans-serif}
.gempty svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.3}.gempty b{font:400 22px Jost,system-ui,sans-serif}.gempty span{font-size:13px;opacity:.7}
.note{font:400 44px/1.05 "Mrs Saint Delafield",cursive;text-align:left;width:max-content;margin:70px 40px 80px auto;transform:rotate(-8deg);white-space:nowrap}
.note:after{content:"";display:block;width:70px;border-top:1px solid var(--ink);margin:14px 0 0 30px;transform:rotate(-6deg);opacity:.7}
.sft{border-top:1px solid var(--line);max-width:1240px;margin:0 auto;padding-top:34px}
@media(max-width:760px){
.sp{padding:0 16px}.sp-hero{grid-template-columns:1fr;padding:34px 4px 40px;gap:40px}
.sp-text h1{font-size:44px}.sub{font-size:18px}.snap{width:82%;justify-self:center}
.gbox{padding:16px 12px 16px}.gbox iframe{height:640px!important}.gempty{height:300px}
.note{font-size:34px;margin:50px 20px 60px auto}}

/* ================= Contact page ================= */
.cp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:70px;max-width:1240px;margin:0 auto;padding:70px 40px 90px;align-items:start}
.cp-intro{position:sticky;top:30px}
.cp-intro h1{font:400 56px/1 "Bodoni Moda",Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:32px 0 24px}
.lead{font-size:19px;line-height:1.5;margin:0 0 30px;max-width:420px}
.cdet{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}
.cdet li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}
.cdet .caps{font-size:9.5px}.cdet a{text-align:right;word-break:break-word}.cdet a:hover{color:var(--red)}
.city{font-size:9.5px;opacity:.8}
.cpola{position:relative;margin:44px 0 0 10px;width:min(300px,80%);background:#f5f2eb;padding:10px 10px 12px;box-shadow:0 12px 26px rgba(0,0,0,.2);transform:rotate(-3deg)}
.cp-form fieldset{border:0;padding:0;margin:0 0 46px}
.cp-form legend{font:400 24px "Bodoni Moda",Georgia,serif;text-transform:uppercase;letter-spacing:-.02em;padding:0;margin-bottom:6px}
.cp-form legend .no{font-size:14px;margin-right:6px;vertical-align:3px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.fld{grid-column:1/-1;padding-top:22px}.fld.half{grid-column:auto}
.fld label{display:block;font:500 9.5px/1.5 Jost,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font:400 19px/1.4 "Cormorant Garamond",Georgia,serif;padding:6px 0 8px;outline:0;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.fld textarea{resize:vertical;min-height:58px}
.fld input:focus,.fld textarea:focus{border-bottom-color:var(--ink)}
.fld ::placeholder{color:var(--line);opacity:.8}
.fld input[type=date]{min-height:40px}
.fld.bad label{color:var(--red)}.fld.bad input,.fld.bad textarea{border-bottom-color:var(--red)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.send{background:var(--ink);color:var(--bg);border:0;padding:17px 44px;font:500 10.5px Jost,system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.send:hover{opacity:.85}.send:disabled{opacity:.5;cursor:wait}
.ferr{color:var(--red);font-size:17px;margin:0 0 16px}
.thanks{border:1px solid var(--line);padding:70px 30px;text-align:center}
.thanks .sign{font:400 40px/1.25 "Mrs Saint Delafield",cursive;margin:0}
@media(max-width:860px){
.cp{grid-template-columns:1fr;gap:40px;padding:36px 16px 60px}.cp-intro{position:static}
.cp-intro h1{font-size:42px}.frow{grid-template-columns:1fr}.fld.half{grid-column:1/-1}.send{width:100%}.thanks .sign{font-size:32px}}
/* Contact form: soft filled fields */
.fld input,.fld textarea{background:rgba(60,45,30,.06) !important;border-radius:3px 3px 0 0;padding:10px 12px !important}
.fld input:focus,.fld textarea:focus{background:rgba(60,45,30,.09) !important}
