@font-face{font-family:Satoshi;src:url('assets/Satoshi-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/Satoshi-Medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/Satoshi-Italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/Satoshi-MediumItalic.otf') format('opentype');font-style:italic;font-weight:500;font-display:swap}
@font-face{font-family:'Sawarabi Mincho';src:url('assets/SawarabiMincho-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Seaweed Script';src:url('assets/SeaweedScript-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'The Nautigal';src:url('assets/TheNautigal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Sirivennela;src:url('assets/Sirivennela-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Silkscreen;src:url('assets/Silkscreen-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Shree Devanagari 714';src:local('Shree Devanagari 714'),local('ShreeDev0714');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box;border-width:0;border-style:solid}
html{scroll-padding-top:24px;overflow-x:clip}
body{margin:0;overflow-x:clip;background:#fff;color:#000;font-family:Satoshi,Arial,sans-serif;line-height:1.5}
p,h1,h2{margin:0;font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%;vertical-align:middle}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #356ba9;outline-offset:7px}
.site{max-width:1440px;min-height:calc(4903px * var(--page-scale));margin-inline:auto;--page-scale:1;--edge-gutter:0px;display:flex;flex-direction:column}
.site>main{flex:0 0 auto;scroll-margin-top:calc(150px * var(--page-scale))}
.site-header{position:sticky;top:0;z-index:15;background:transparent;pointer-events:none;flex-shrink:0;height:calc(150px * var(--page-scale));padding:calc(37px * var(--page-scale)) calc(64px * var(--page-scale)) 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:calc(25px * var(--page-scale));line-height:calc(34px * var(--page-scale))}
.wordmark{font-size:calc(25px * var(--page-scale));font-weight:400}
.site-header nav{display:grid;grid-template-columns:calc(111.2px * var(--page-scale)) calc(97.87px * var(--page-scale)) calc(66px * var(--page-scale));width:calc(275.07px * var(--page-scale));align-items:start}
.site-header a{pointer-events:auto;transition:opacity 150ms}
.site-header a:hover{opacity:.65}
.future-page{cursor:default}
.scene-viewport{position:relative;width:100%;aspect-ratio:var(--design-width)/var(--design-height)}
.scene{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--scene-scale,1))}
.scene [style*="font-family:'Nobel'"]{font-family:Satoshi,Arial,sans-serif!important}
.hero-scene>[data-node-id="339:408"]{translate:var(--edge-gutter) 0}
.hero-item{--hero-hover-scale:1.10;z-index:0;scale:1;transform-origin:center;cursor:pointer;transition:scale 280ms cubic-bezier(.2,.7,.2,1)}
.hero-item[data-hero-item="ux-note"]{translate:-1px 0}
.hero-item:is([data-hero-item="portrait"],[data-hero-item="outdoors"],[data-hero-item="friends"],[data-hero-item="intro-note"],[data-hero-item="ux-note"]){--hero-hover-scale:1.06}
.hero-item:is(:focus-visible,.is-revealed){z-index:10;scale:var(--hero-hover-scale)}
.hero-item:focus-visible{outline:3px solid #356ba9;outline-offset:8px;border-radius:4px}
@media(hover:hover) and (pointer:fine){.hero-item:hover{z-index:10;scale:var(--hero-hover-scale)}}
.hero-icon{--icon-tilt:-8deg}
.hero-icon:is([data-hero-item="flux-logo"],[data-hero-item="scad-logo"]){--icon-tilt:8deg}
.hero-icon-art{position:absolute;inset:0;transform-origin:center;pointer-events:none;rotate:0deg;transition:rotate 280ms cubic-bezier(.2,.7,.2,1)}
.hero-icon:is(:focus-visible,.is-revealed) .hero-icon-art{rotate:var(--icon-tilt)}
@media(hover:hover) and (pointer:fine){.hero-icon:hover .hero-icon-art{rotate:var(--icon-tilt)}}
.rule{position:relative;width:calc(1308px * var(--page-scale));height:0;margin-inline:auto}
.rule img{width:100%;height:auto;transform:translateY(-50%)}
.hero-divider{margin-left:calc(63px * var(--page-scale))}
.about-story{position:relative;height:calc(1427px * var(--page-scale));padding-top:calc(63px * var(--page-scale))}
.story-heading{position:absolute;left:calc(636px * var(--page-scale));top:calc(232px * var(--page-scale));width:calc(717px * var(--page-scale));margin:0;font-size:calc(48px * var(--page-scale));line-height:calc(65px * var(--page-scale));text-align:center}
.story-heading>span{font-size:inherit!important;line-height:inherit!important}
.story-copy{position:absolute;left:calc(672px * var(--page-scale));top:calc(344px * var(--page-scale));width:calc(643.016px * var(--page-scale));margin:0;font-size:calc(32px * var(--page-scale));line-height:calc(43px * var(--page-scale));text-align:center}
.story-copy p{white-space:pre-wrap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.interests-intro{height:calc(419px * var(--page-scale));padding-top:calc(63px * var(--page-scale));text-align:center}
.interests-title{width:calc(724.2px * var(--page-scale));margin-inline:auto;translate:calc(.1px * var(--page-scale)) 0;font-size:calc(48.368px * var(--page-scale));line-height:calc(64px * var(--page-scale));letter-spacing:0}
.interests-title span,.interests-intro em{display:block}
.interests-intro em{font-size:calc(41.08px * var(--page-scale));line-height:calc(54px * var(--page-scale));font-weight:400}
.section-label{text-align:center;font-size:calc(45.959px * var(--page-scale));line-height:calc(34px * var(--page-scale));font-weight:400}
#camera-heading{width:calc(400px * var(--page-scale));margin-inline:auto}
.gallery-viewport{margin-top:calc(59.8125px * var(--page-scale))}
.polaroid-card{position:relative;z-index:0;cursor:pointer;scale:1;rotate:0deg;transform-origin:center;transition:scale 280ms cubic-bezier(.2,.7,.2,1),rotate 280ms cubic-bezier(.2,.7,.2,1)}
.polaroid-caption{position:absolute;left:0;bottom:4%;width:100%;display:grid;place-items:center;text-align:center;opacity:0;translate:0 6px;pointer-events:none;transition:opacity 220ms ease,translate 280ms cubic-bezier(.2,.7,.2,1)}
.polaroid-card:is(:focus-visible,.is-revealed){z-index:10;scale:1.045;rotate:var(--polaroid-hover-tilt)}
.polaroid-card:is(:focus-visible,.is-revealed) .polaroid-caption{opacity:1;translate:0 0}
.polaroid-card:focus-visible{outline:3px solid #356ba9;outline-offset:8px;border-radius:4px}
@media(hover:hover) and (pointer:fine){
  .polaroid-card:hover{z-index:10;scale:1.045;rotate:var(--polaroid-hover-tilt)}
  .polaroid-card:hover .polaroid-caption{opacity:1;translate:0 0}
}
.theatre{margin-top:calc(176.8779296875px * var(--page-scale))}
.stage-label{position:absolute;top:11.1220703125px;left:581px;width:278px;font-size:45.959px;line-height:34px}
.stage-collage{position:absolute;inset:0;pointer-events:none;isolation:isolate}
.stage-collage::before{content:"";position:absolute;left:150px;right:150px;top:100px;bottom:100px;pointer-events:none}
.stage-collage.is-open::before{pointer-events:auto}
.stage-collage:focus-visible{outline:3px solid #356ba9;outline-offset:-12px}
.stage-card{position:absolute;inset:0;transform-origin:0 0;transform:var(--stack-matrix);z-index:var(--stack-z);pointer-events:none;transition:transform 650ms cubic-bezier(.22,.8,.2,1)}
.stage-card .stage-hit,.stage-card .stage-photo{pointer-events:auto;cursor:pointer}
.stage-photo{transform:translate(var(--photo-x),var(--photo-y)) rotate(var(--photo-rotate));transition:transform 650ms cubic-bezier(.22,.8,.2,1)}
.stage-collage.is-open .stage-card{transform:matrix(1,0,0,1,0,0);z-index:var(--open-z)}
.stage-collage.is-open .stage-photo{transform:translate(0,0) rotate(0deg)}
.site-footer{flex-shrink:0;margin-top:auto;padding-bottom:calc(42px * var(--page-scale))}
.site-footer>.rule{width:calc(1308px * var(--page-scale))}
.footer-inner{width:calc(1308px * var(--page-scale));height:calc(94px * var(--page-scale));margin-left:calc(66px * var(--page-scale));padding-top:calc(21px * var(--page-scale));display:flex;gap:calc(701px * var(--page-scale));align-items:flex-end}
.signature{flex-shrink:0;width:calc(177px * var(--page-scale));height:calc(73px * var(--page-scale));display:grid;grid-template-columns:100%;align-items:start}
.footer-name{grid-column:1;grid-row:1;font-size:calc(29px * var(--page-scale));line-height:calc(39px * var(--page-scale))}
.footer-note{grid-column:1;grid-row:1;margin-top:calc(38.556px * var(--page-scale));font-size:calc(25px * var(--page-scale));line-height:calc(34px * var(--page-scale));opacity:.6}
.social-links{flex-shrink:0;display:grid;grid-template-columns:calc(122.309px * var(--page-scale)) calc(89.619px * var(--page-scale)) calc(138.171px * var(--page-scale));width:calc(496.957px * var(--page-scale));height:calc(38.645px * var(--page-scale));column-gap:calc(42px * var(--page-scale));align-items:center;font-size:calc(25px * var(--page-scale));line-height:calc(34px * var(--page-scale))}
.social-link{position:relative;display:block;height:calc(34.702px * var(--page-scale));white-space:nowrap}
.external-arrow{position:absolute;left:calc(93px * var(--page-scale));top:calc(5.393px * var(--page-scale));width:calc(29.309px * var(--page-scale));height:calc(29.309px * var(--page-scale))}
.social-link:nth-child(2){height:calc(34px * var(--page-scale))}
.social-link:nth-child(2) .external-arrow{left:calc(60.31px * var(--page-scale));top:calc(4.275px * var(--page-scale))}
.social-link:nth-child(3){height:calc(35.6px * var(--page-scale))}
.social-link:nth-child(3) .external-arrow{left:calc(108.721px * var(--page-scale));top:calc(6.291px * var(--page-scale));width:calc(29.451px * var(--page-scale))}
.social-link[href]:hover{text-decoration:underline;text-underline-offset:5px}
.mobile-intro,.mobile-gallery{display:none}
.skip-link{position:fixed;top:12px;left:-9999px;background:#fff;padding:12px;z-index:20}
.skip-link:focus{left:12px}
@media(min-width:1441px){.site{max-width:1440px}}
@media(max-width:600px){
  .site{min-height:0}
  .site>main{scroll-margin-top:84px}
  .site-header{height:auto;padding:28px 24px;align-items:center;font-size:16px;line-height:normal}
  .wordmark{font-size:20px}
  .site-header nav{display:flex;width:auto;gap:19px}
  .hero{padding-top:28px}
  .mobile-intro{display:block;padding-inline:24px;font-size:25px;line-height:1.4}
  .mobile-intro p+p{font-size:18px;margin-top:6px}
  .hero-viewport{margin-top:16px;min-height:240px}
  .rule{width:calc(100% - 48px)}
  .hero-divider{margin-inline:auto}
  .about-story{height:auto;padding:44px 24px 70px}
  .story-heading{position:static;width:auto;font-size:30px;line-height:1.35}
  .story-copy{position:static;width:auto;margin-top:24px;font-size:18px;line-height:1.5}
  .story-copy p{white-space:normal}
  .interests-intro{height:auto;padding:54px 24px 74px}
  .interests-title{width:auto;translate:none;font-size:30px;line-height:1.35}
  .interests-intro em{font-size:27px;line-height:1.35}
  .section-label{font-size:25px;line-height:1.3}
  #camera-heading{width:auto}
  .photography{padding-inline:16px}
  .gallery-viewport{display:none}
  .mobile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 6px;margin-top:28px}
  .photo-slot{position:relative;min-width:0;aspect-ratio:var(--design-width)/var(--design-height)}
  .mobile-card{position:absolute!important;left:0;top:0;transform:scale(var(--scene-scale,1));transform-origin:top left}
  .theatre{margin-top:60px}
  .theatre-viewport{aspect-ratio:1440/1062}
  .stage-label{font-size:75px;line-height:1.2;top:-25px;left:0;width:1440px}
  .theatre-scene{top:30px}
  .site-footer{margin-top:20px;padding-bottom:36px}
  .site-footer>.rule{width:calc(100% - 48px)}
  .footer-inner{width:100%;height:auto;margin:0;padding:36px 24px 0;display:block}
  .signature{display:block;width:auto;height:auto}
  .footer-name{font-size:26px;line-height:1.25}
  .footer-note{margin-top:0;font-size:20px;line-height:1.5}
  .social-links{display:flex;width:auto;height:auto;flex-wrap:wrap;margin-top:28px;gap:22px;font-size:17px;line-height:1.5}
  .social-link,.social-link:nth-child(2),.social-link:nth-child(3){display:flex;height:auto;align-items:center;gap:2px}
  .social-links .social-link .external-arrow{position:static;width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}