/* Danka work tiles: studio render at rest, the brand's own world on hover (or when centred on touch screens). */
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2');font-weight:400 500;font-style:italic;font-display:swap}
@font-face{font-family:'Newsreader';src:url('/fonts/newsreader-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Newsreader';src:url('/fonts/newsreader-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Lora';src:url('/fonts/lora-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Noto Serif Kannada';src:url('/fonts/noto-serif-kannada-kannada-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}

.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,36px) clamp(18px,2.4vw,30px)}
@media(max-width:820px){.tgrid{grid-template-columns:1fr}}
.tile{display:grid;gap:18px;align-content:start;min-width:0;text-decoration:none;color:var(--cream)}
.tstage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0c0b0a;border-radius:2px}
.tren{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.05,.7,.1,1)}
.tstage .world{opacity:0;transition:opacity .55s ease}
.tile.on .world{opacity:1}
.tile.on .tren{transform:scale(1.035)}
.thint{position:absolute;left:12px;bottom:12px;z-index:3;font:500 10px/1 'Work Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,239,230,.85);background:rgba(19,17,16,.55);backdrop-filter:blur(6px);padding:7px 10px;border-radius:2px;transition:opacity .4s}
.tile.on .thint{opacity:0}
@media (hover:none){.thint{display:none}}
.tmeta{display:grid;gap:8px;min-width:0}
.tsector{font:600 11.5px/1.4 'Work Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}
.tsector .newp{display:inline-block;margin-left:8px;font-size:10px;letter-spacing:.18em;color:var(--black);background:var(--cream);padding:3px 7px;border-radius:2px;vertical-align:1px}
.tile h3{font-family:'Anton','Arial Black',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(24px,2.5vw,32px);line-height:1.02;margin:0;letter-spacing:.01em;text-wrap:balance}
.tile p{margin:0;color:var(--body);font-size:15px;line-height:1.6;max-width:58ch}
.tcredit{display:flex;align-items:center;gap:10px;font:500 11px/1 'Work Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--cap);margin-top:4px}
.tcredit::before{content:"";width:18px;height:1px;background:var(--red)}
.tcredit .go{margin-left:auto;color:var(--cream);letter-spacing:.18em;transition:color .2s}
.tile:hover .tcredit .go{color:var(--red)}
.tile:focus-visible{outline:2px solid var(--red);outline-offset:6px}

/* ---------- brand worlds ---------- */
.world{position:absolute;inset:0;container-type:inline-size;overflow:hidden}
.world *{box-sizing:border-box}
.w-os{background:radial-gradient(120% 90% at 30% 100%,#241c12 0%,#0d0b08 60%)}
.w-os .tower{position:absolute;left:4cqw;bottom:0;width:44cqw;height:auto}
.w-os .tower *{fill:none;stroke:#c9a45a;stroke-width:1.8}
.w-os .tower .soft{stroke:#6d5a36;stroke-width:1.2}
.w-os .txt{position:absolute;left:52cqw;top:11cqw;right:5cqw;color:#efe6d4}
.w-os .k{font:500 1.05cqw/1 'Work Sans',sans-serif;letter-spacing:.42em;color:#c9a45a;text-transform:uppercase}
.w-os .nm{font:500 6.4cqw/1 'Cormorant Garamond',serif;letter-spacing:.2em;margin-top:2.6cqw;text-transform:uppercase}
.w-os .nm span{display:block}
.w-os .hr{width:16cqw;height:1px;background:#c9a45a;margin-top:2.4cqw;transform-origin:left;transition:transform 1.4s .6s cubic-bezier(.05,.7,.1,1)}
.w-os .it{font:italic 500 2.3cqw/1.2 'Cormorant Garamond',serif;color:#c9a45a;margin-top:1.8cqw}
.w-os .lg{display:block;height:9cqw;width:auto;margin-top:4cqw}

.w-kr{background:radial-gradient(110% 110% at 70% 20%,#2a2119 0%,#120e0a 70%)}
.w-kr .env{position:absolute;right:-6cqw;top:6cqw;width:62cqw;aspect-ratio:220/110;background:linear-gradient(160deg,#a27a4a,#8a6436);box-shadow:0 2cqw 5cqw rgba(0,0,0,.45);transform:rotate(-4deg)}
.w-kr .env::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 55%);clip-path:polygon(0 0,100% 0,50% 58%)}
.w-kr .env::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(110,78,30,.55)}
.w-kr .kc{position:absolute;width:40cqw;aspect-ratio:90/54;background:linear-gradient(150deg,#ad8554,#93693a);border-radius:.35cqw;box-shadow:0 .4cqw .8cqw rgba(0,0,0,.35),0 3cqw 6cqw rgba(0,0,0,.45);transition:transform 1.2s cubic-bezier(.05,.7,.1,1)}
.w-kr .kc::after{content:"";position:absolute;inset:1.3cqw;border:1px solid rgba(110,78,30,.7)}
.w-kr .front{left:8cqw;top:25cqw;transform:rotate(-7deg);display:grid;place-items:center}
.w-kr .front img{height:15cqw;width:auto}
.w-kr .back{left:40cqw;top:31cqw;transform:rotate(4deg);color:#4a3314;padding:3.6cqw 3.4cqw}
.arm .w-kr .front{transform:rotate(-2deg) translateY(3cqw)}
.arm .w-kr .back{transform:rotate(0deg) translateY(4cqw)}
.w-kr .back b{display:block;font:600 2.3cqw/1.1 'Work Sans',sans-serif}
.w-kr .back i{display:block;font:500 .9cqw/1 'Work Sans',sans-serif;font-style:normal;letter-spacing:.35em;margin-top:.9cqw}
.w-kr .back hr{border:0;border-top:1px solid rgba(74,51,20,.65);margin:2.4cqw 0 1.6cqw}
.w-kr .back small{display:block;font:400 1.1cqw/1.6 'Work Sans',sans-serif}
.w-kr .back em{position:absolute;right:3.4cqw;bottom:3cqw;font:500 .8cqw/1.5 'Work Sans',sans-serif;font-style:normal;letter-spacing:.3em;text-align:right}

.w-ak{background:#e9eae3;color:#1a201b}
.w-ak .word{position:absolute;left:5cqw;bottom:6cqw;width:56cqw;height:auto;transition:transform 1.2s cubic-bezier(.05,.7,.1,1),opacity 1s}
.arm .w-ak .word{transform:translateY(3cqw);opacity:0}
.w-ak .line{position:absolute;left:5cqw;top:5.2cqw;font:400 3.6cqw/1.12 'Newsreader',serif;letter-spacing:-.01em}
.w-ak .line small{display:block;font:500 1cqw/1 'IBM Plex Mono',monospace;letter-spacing:.3em;color:#3c5a44;margin-bottom:1.6cqw;text-transform:uppercase}
.w-ak .plan{position:absolute;right:5cqw;top:4.6cqw;width:30cqw;height:auto}
.w-ak .plan rect,.w-ak .plan path{fill:none;stroke:#3c5a44;stroke-width:1.3}
.w-ak .plan text{font:500 7px 'IBM Plex Mono',monospace;letter-spacing:.2em;fill:#3c5a44}

.w-en{background:radial-gradient(110% 100% at 30% 100%,#2a1a22,#150f12 65%)}
.w-en .mk{position:absolute;left:9cqw;top:50%;width:30cqw;height:auto;transform:translateY(-50%);overflow:visible}
.w-en .mk .h{transition:transform 1.8s cubic-bezier(.05,.7,.1,1)}
.arm .w-en .mk .l{transform:translateX(-22px)}
.arm .w-en .mk .r{transform:translateX(22px)}
.w-en .lk{position:absolute;right:8cqw;top:36%;width:38cqw;height:auto}
.w-en .hl{position:absolute;right:8cqw;top:58%;width:38cqw;text-align:right;font:italic 500 3.4cqw/1 'Cormorant Garamond',serif;color:#eba9c5}
.w-en .sw{position:absolute;right:8cqw;top:70%;display:flex;gap:.8cqw}
.w-en .sw i{display:block;width:2.4cqw;height:2.4cqw;border-radius:50%}

.w-ga{background:#33291f}
.w-ga .hut{position:absolute;left:5cqw;bottom:0;width:52cqw;aspect-ratio:280.559/216.307;-webkit-mask:url('/work-assets/brands/gaia-a-mask.svg') center/contain no-repeat;mask:url('/work-assets/brands/gaia-a-mask.svg') center/contain no-repeat;overflow:hidden}
.w-ga .hut img{width:100%;height:130%;object-fit:cover;object-position:50% 45%;display:block;transition:transform 3s cubic-bezier(.05,.7,.1,1)}
.arm .w-ga .hut img{transform:scale(1.12)}
.w-ga .gw{position:absolute;right:6cqw;top:18cqw;width:31cqw;height:auto}
.w-ga .loc{position:absolute;right:6cqw;top:28.5cqw;width:31cqw;text-align:center;font:500 1.05cqw/1 'Inter',sans-serif;letter-spacing:.52em;color:#d7c8b2;padding-left:.52em}
.w-ga .rule{position:absolute;right:6cqw;top:34cqw;width:31cqw;display:flex;justify-content:center}
.w-ga .rule i{display:block;width:4cqw;height:1px;background:#a36342}
.w-ga .rooms{position:absolute;right:6cqw;top:38cqw;width:31cqw;display:flex;justify-content:center;gap:1.6cqw}
.w-ga .rooms span{width:3.2cqw;aspect-ratio:1;-webkit-mask:url('/work-assets/brands/gaia-a-mask.svg') center/contain no-repeat;mask:url('/work-assets/brands/gaia-a-mask.svg') center/contain no-repeat;background:#a36342;opacity:.9}

.w-pa{background:#221913;background-image:repeating-linear-gradient(92deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),radial-gradient(120% 100% at 50% 0%,#2e2219,#1b140f)}
.w-pa .sigclip{position:absolute;inset:0;clip-path:inset(0 0 0 0);transition:clip-path 1.8s .2s cubic-bezier(.6,.05,.3,1)}
.arm .w-pa .sigclip{clip-path:inset(0 100% 0 0)}
.w-pa .sig{position:absolute;left:50%;top:43%;width:46cqw;height:auto;transform:translate(-50%,-50%)}
.w-pa .knot{position:absolute;left:5cqw;top:5cqw;width:4.6cqw;height:auto}
.w-pa .say{position:absolute;left:0;right:0;top:73%;text-align:center;font:italic 400 2.6cqw/1 'Bodoni Moda',serif;color:#c79a4c}
.w-pa .foot{position:absolute;left:5cqw;right:5cqw;bottom:4.5cqw;display:flex;justify-content:space-between;font:600 .9cqw/1 'Work Sans',sans-serif;letter-spacing:.4em;color:#8f7a5a;text-transform:uppercase}

.w-bw{background:#f2ead9;color:#35636b}
.w-bw .bl{position:absolute;left:6cqw;top:9cqw;width:48cqw;height:auto}
.w-bw .kn{position:absolute;left:6cqw;top:26cqw;font:400 4.6cqw/1.2 'Noto Serif Kannada',serif;color:#6b5d4a}
.w-bw .qt{position:absolute;left:6cqw;bottom:6cqw;font:italic 400 1.9cqw/1.3 'Lora',serif;color:#6b5d4a;max-width:34cqw}
.w-bw .plt{position:absolute;right:6cqw;top:50%;width:34cqw;height:34cqw;transform:translateY(-50%);color:#35636b}
.w-bw .plt svg{width:100%;height:100%;display:block;--plate-fill:#FBF6EA}

.w-sb{background:radial-gradient(120% 120% at 20% 50%,#a8481c,#7a2f0f 70%)}
.w-sb .md{position:absolute;left:-8cqw;top:50%;width:52cqw;height:auto;transform:translateY(-50%) rotate(0deg);opacity:.95;transition:transform 1.6s cubic-bezier(.05,.7,.1,1),opacity 1s}
.arm .w-sb .md{transform:translateY(-50%) rotate(-24deg);opacity:0}
.w-sb .lad{position:absolute;right:6cqw;top:50%;transform:translateY(-50%);width:36cqw}
.w-sb .lad small{display:block;font:500 .95cqw/1 'Work Sans',sans-serif;letter-spacing:.35em;color:#e9c98b;text-transform:uppercase;margin-bottom:2cqw}
.w-sb .lad div{display:flex;justify-content:space-between;align-items:baseline;padding:1.05cqw 0;color:#f4e6cf;transition:opacity .8s,transform .8s cubic-bezier(.05,.7,.1,1)}
.w-sb .lad div span{font:italic 500 2.5cqw/1 'Cormorant Garamond',serif}
.w-sb .lad div b{font:600 2.2cqw/1 'Cormorant Garamond',serif;letter-spacing:.02em;color:#f7d9a0}
.w-sb .lad div:nth-child(3){transition-delay:.06s}.w-sb .lad div:nth-child(4){transition-delay:.12s}.w-sb .lad div:nth-child(5){transition-delay:.18s}.w-sb .lad div:nth-child(6){transition-delay:.24s}
.arm .w-sb .lad div{opacity:0;transform:translateX(2cqw)}
.w-sb .name{position:absolute;left:5cqw;bottom:5cqw;font:600 1.4cqw/1 'Cormorant Garamond',serif;letter-spacing:.5em;color:#f4e6cf}

.draw{stroke-dasharray:var(--len,1200);stroke-dashoffset:0;transition:stroke-dashoffset 2.4s cubic-bezier(.05,.7,.1,1)}
.arm .draw{stroke-dashoffset:var(--len,1200)}
.arm .w-os .hr{transform:scaleX(0)}
@media (prefers-reduced-motion: reduce){
  .tstage *{transition:none!important;animation:none!important}
}