@font-face{font-family:Baskerville;src:url(/fonts/Baskerville-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Baskerville;src:url(/fonts/Baskerville-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Baskerville;src:url(/fonts/Baskerville-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Chennai;src:url(/fonts/chennai-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Chennai;src:url(/fonts/chennai-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chennai;src:url(/fonts/chennai-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Segoe Print;src:url(/fonts/Segoe-Print.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--stage-width: 977px;--stage-height: 4000px;--scene-height: 1000px;--ink: #fff;--ink-dim: rgba(255, 255, 255, .9);--panel: rgba(0, 0, 0, .4);--panel-strong: rgba(0, 0, 0, .6);--field: rgba(255, 255, 255, .15);--field-hover: rgba(255, 255, 255, .28);--glow: 0 0 3px #333;--ease-cycle: cubic-bezier(.6, .04, .98, .34)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font:400 1.005rem/1.5 Chennai,Arial,sans-serif;font-size:85%;color:var(--ink);background-color:#000;position:relative;overflow-x:hidden}:root[data-scroll-lock] body{overflow:hidden}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;border:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:#fff0;color:red}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}strong{font-weight:700}span.smiley{display:inline-block;transform:rotate(90deg)}h1,legend{font-size:1.7em;line-height:1.5;text-shadow:var(--glow);opacity:.9}h2{font-size:1.5em;line-height:1.5;text-shadow:var(--glow);opacity:.9;margin-bottom:10px}h3{font-size:1.3em;line-height:1.5;text-shadow:var(--glow)}p{text-shadow:var(--glow);opacity:.9;margin-top:5px}p a{background:var(--panel);padding:2px 5px 4px}p a:hover{background:var(--panel-strong)}blockquote{border-left:3px solid #fff;font-size:.9em;padding:0 10px;margin-left:5px;opacity:.8}blockquote p{font-style:italic;margin:0 0 10px;opacity:1}.personal{font-family:Segoe Print,Chennai,cursive}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#loading-splash{position:fixed;inset:0;z-index:200;display:grid;align-items:center;justify-items:start;background:#fff url(/img/grid.png) repeat fixed;transition:opacity 1.5s ease}#loading-splash[data-leaving]{opacity:0;pointer-events:none}.loading-splash-center{width:100%;padding:0 50px;text-align:left}#loading-splash p{margin-bottom:46px}#loading-splash p.loading-term{font:32px Times New Roman,Times,serif;color:#777}#loading-splash span.loading-term,#loading-splash p.loading-definition{font:32px Baskerville,Baskerville Old Face,Georgia,serif;color:#000}#loading-splash span.loading-term{font-size:48px}#loading-splash p.loading-definition b{font-weight:700}#loading-splash p.loading-definition i{font-style:italic}.ct-letter{display:inline-block;white-space:pre;opacity:0}[data-reveal] .ct-letter{animation:ct-reveal .75s ease forwards;animation-delay:calc(var(--i) * var(--ct-step, 18ms))}@keyframes ct-reveal{0%{opacity:0;transform:translateY(-.32em) scale(1.7);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}#splash-skip{position:fixed;right:24px;bottom:24px;padding:10px 18px;font:400 14px/1 Chennai,Arial,sans-serif;letter-spacing:.08em;text-transform:lowercase;color:#555;background:#ffffffd9;border:1px solid #ccc;border-radius:999px;transition:color .2s ease,border-color .2s ease}#splash-skip:hover{color:#000;border-color:#888}@media(prefers-reduced-motion:reduce){.ct-letter,[data-reveal] .ct-letter{opacity:1;animation:none}}@media(max-width:720px){.loading-splash-center{padding:0 24px}#loading-splash p.loading-term,#loading-splash span.loading-term,#loading-splash p.loading-definition{font-size:22px}#loading-splash span.loading-term{font-size:32px}#loading-splash p{margin-bottom:28px}}#content{position:relative}#content[hidden]{display:none}#bg1,#bg2,#bg3,#bg4{position:absolute;left:0;width:100%;height:var(--scene-height);z-index:0;background-position:50% 0;background-repeat:repeat-x;background-size:auto}#bg1{top:0;background-image:url(/img/bg1.jpg)}#bg2{top:1000px;background-image:url(/img/bg2.jpg)}#bg3{top:2000px;background-image:url(/img/bg3.jpg)}#bg4{top:3000px;background-image:url(/img/bg4.jpg)}#fg{position:fixed;left:0;top:0;width:310px;height:310px;background:url(/img/tree.png) no-repeat left top;background-size:310px 310px;z-index:50;pointer-events:none}#clouds{position:absolute;left:0;top:0;width:100%;height:var(--stage-height);background-color:#000;background-image:url(/img/bg-clouds.png);background-repeat:repeat;background-attachment:scroll;will-change:background-position;z-index:15;pointer-events:none}#birdsMain{position:fixed;top:0;left:0;z-index:10;pointer-events:none}#birdsFooter{position:fixed;left:0;z-index:101;pointer-events:none;background:transparent}#treeline{position:fixed;left:0;bottom:0;width:100%;aspect-ratio:3 / 1;z-index:100;pointer-events:none;background:url(/img/bgfooter.png) no-repeat bottom center / contain}#sound{position:fixed;left:50%;bottom:20px;width:100px;height:100px;margin-left:-50px;z-index:120;background:url(/img/sound-icon-red.png) no-repeat center / contain;transition:opacity .3s ease,transform .2s ease;opacity:.75}#sound:hover{opacity:1;transform:scale(1.05)}#sound[aria-pressed=true]{background-image:url(/img/sound-icon-green.png);opacity:1}@media(min-width:1001px){#sound[aria-pressed=true],#sound[aria-pressed=true]:hover{width:1px;height:1px;margin:0;padding:0;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none;transform:none}#sound[aria-pressed]:focus-visible{width:100px;height:100px;margin-left:-50px;clip-path:none;overflow:visible;opacity:1;pointer-events:auto}}#main{position:absolute;width:100%}#container{position:relative;width:var(--stage-width);height:var(--stage-height);margin:0 auto;z-index:70;opacity:0;transition:opacity 7s ease}#container[hidden]{display:none}#container[data-visible]{opacity:1}.outer{position:absolute;width:var(--stage-width);z-index:20}#intro{top:0}#about{top:1000px}#work{top:1960px}#contact{top:2815px}.nav{float:left;margin:10px 0 0}.nav li{display:block;float:left}.nav li a{display:block;float:left;margin:5px 0 0;overflow:hidden;font-family:Chennai,Arial,sans-serif;font-weight:300;color:#fff;transition:opacity .25s ease}.nav li.intro a{margin:-10px 240px 0 20px;width:200px;height:111px;font-size:70px}.nav li.about a,.nav li.work a{margin:0 30px 0 0;font-size:50px}.nav li.about a{width:140px}.nav li.work a{width:120px}.nav li.contact a{margin:0;width:175px;font-size:50px}.nav li a:hover{opacity:.75}.nav li[data-current] a{opacity:1;text-shadow:0 0 18px rgba(255,255,255,.55)}.content{position:relative;float:left;width:700px;height:310px;margin:30px 0 0;overflow:hidden}.section .sub,.subnav a{box-sizing:content-box}.section{position:relative;float:left;clear:both;width:6000px}.section .sub{position:relative;float:left;width:660px;height:290px;padding:10px 20px;background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.sub img{float:right;margin:10px 0 10px 20px;border:1px solid #fff;opacity:.8}#work .sub img{float:left;margin:0 20px 10px 0;opacity:1}.next,.previous,.sitelink{position:absolute;display:block;padding:5px 10px;background:var(--panel);transition:background .2s ease}.next{right:0;bottom:0}.previous{left:0;bottom:0}.sitelink{top:0;right:0}.next:hover,.previous:hover,.sitelink:hover{opacity:1;background:var(--panel-strong)}.subnav{float:left;clear:both;width:250px;margin:30px 0 0 10px}.subnav li,.subnav a{display:block;float:left;clear:both}.subnav a{width:230px;padding:10px;font-size:1.7em;line-height:1.3;text-shadow:var(--glow);opacity:.6;transition:opacity .2s ease,background .2s ease}.subnav a:hover{opacity:1}.subnav span{display:block}.subnav small{display:block;font-size:.5em;text-transform:uppercase}.subnav .scrolled{background:var(--panel);opacity:1}.subnav ul{float:left;clear:both;width:250px}.subnav ul a{font-size:1em;padding:5px 0 5px 20px;line-height:1;margin:0}#intro .welcome{float:left;clear:left;width:550px;margin:40px 0 20px 20px}#intro .welcome p{font-size:1.3em}#intro .folio{float:right;width:391px;margin-top:50px;position:relative}#foliothumbs{position:relative;display:block;width:391px;height:289px;overflow:hidden}#foliothumbs>div{position:absolute;inset:0;display:grid;place-items:center;width:391px;opacity:0;transition:opacity .9s ease}#foliothumbs>div[data-active]{opacity:1}#foliothumbs img{display:block;margin:auto}#intro .folio p{position:absolute;top:265px;left:83px;z-index:25}.section .sub p.clears{clear:left}.sub img.no-frame{border:none}.sub img.w-250{width:250px}.sub img.w-300{width:300px}ul.services{float:left;margin:10px 0 10px 20px}ul.services li{line-height:1.8;opacity:.9;text-shadow:var(--glow);padding-left:25px;background:url(/img/tick.png) no-repeat 0 3px;background-size:20px 50px}ul.services li:hover{background-position:0 -27px}.visitus{float:right;margin:20px;width:330px;text-align:right}.visitus img{width:50px;height:50px;transition:transform .2s ease,opacity .2s ease;opacity:.85}.visitus a:hover img{transform:translateY(-2px);opacity:1}#contactform{position:relative;float:left;clear:both;width:330px;height:340px;margin:10px 0 0 20px;perspective:250px}#contactfieldset{position:relative;z-index:100;border:0;padding:0;margin:0;transition:opacity .6s ease}#contactfieldset[data-hidden]{display:none}#contactform legend{margin:10px 0 0 6px;padding:0}#contactform p{clear:left;opacity:1;background:var(--panel);padding:6px 6px 0;margin:0;position:relative}#contactform p.secondtolast{padding:6px}#contactform p.last{padding:0 6px 6px;display:flex;gap:6px}#contactform .lb_label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#contactform input,#contactform textarea,#contactform button{box-sizing:border-box}#contactform input,#contactform textarea{display:block;width:100%;max-width:100%;padding:2px;border:1px solid #333;background:var(--field);color:#fff;font:700 1em/1.5 Quicksand,Chennai,sans-serif}#contactform textarea{resize:vertical}#contactform input:hover,#contactform textarea:hover,#contactform input:focus,#contactform textarea:focus{background:var(--field-hover)}#contactform input:focus,#contactform textarea:focus{color:#fff;outline:2px solid rgba(255,255,255,.8);outline-offset:1px}#contactform input::placeholder,#contactform textarea::placeholder{color:#ffffff8c}#contactform [data-invalid]{border-color:#d00;animation:rumble .14s linear 0s 24}@keyframes rumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(3px,2px) rotate(1deg)}50%{transform:translateY(-2px) rotate(0)}75%{transform:translate(-3px,1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}#contactform button{flex:1;min-width:0;padding:2px 10px;background:var(--field);border:1px solid #333;font:700 1em/1.5 Quicksand,Chennai,sans-serif;transition:background .2s ease}#contactform button:hover:not(:disabled){background:var(--field-hover)}#contactform button:disabled{opacity:.5;cursor:default}#contactform #tipsSendMail{min-height:1.5em;background:none;padding:6px}.honeypot{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;padding:0!important;background:none!important}.clipped{position:absolute;top:0;left:0;backface-visibility:hidden;transform-style:preserve-3d;background:var(--panel)}.clipped *{pointer-events:none}.clipped[data-envelope]{background-repeat:no-repeat;background-size:contain;background-color:transparent}@media(max-width:1000px){.section .sub,.subnav a{box-sizing:border-box}body{overflow-x:hidden;background:#0b1a3a url(/img/bg1.jpg) no-repeat center top / cover fixed}#bg1,#bg2,#bg3,#bg4,#fg,#treeline{display:none}#birdsFooter{z-index:10}#clouds{position:fixed;inset:0;height:100%;opacity:.5}#main{position:static}#container{width:100%;height:auto;padding:max(calc(var(--nav-height, 0px) + 1rem),7rem) 0 96px}.outer{position:static;width:100%;padding:0 16px 56px}.outer .nav{display:none}#intro .nav{display:flex;position:fixed;top:0;left:0;right:0;z-index:150;float:none;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 -16px 24px;padding:10px 16px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#intro .nav li{float:none}#intro .nav li a{float:none;width:auto;height:auto;margin:0;font-size:22px;line-height:1.4}#intro .nav li.intro a{flex-basis:100%;font-size:34px}.outer,.section .sub{scroll-margin-top:max(calc(var(--nav-height, 0px) + 1rem),7rem)}#intro{padding-top:0}#intro .welcome,#intro .folio,.outer .subnav,.outer .content,#contact #contactform,#contact .visitus{float:none;width:100%;max-width:100%;margin:0 0 28px}.outer:after{content:"";display:block;clear:both}#intro .welcome p{font-size:1.15em}#foliothumbs{width:100%;max-width:391px;margin-inline:auto}#foliothumbs>div{width:100%}#intro .folio p{position:static;margin-top:12px;text-align:center}.content{height:auto;overflow:visible}.section{float:none;width:100%}.section .sub{float:none;width:100%;height:auto;min-height:0;margin-bottom:16px;padding:16px 16px 52px;overflow:visible;background:var(--panel-strong)}.sub img,#work .sub img{float:none;display:block;margin:0 0 14px}ul.services{float:none;margin:10px 0}.next,.previous{display:none}.sitelink{position:static;display:inline-block;margin-bottom:10px}.subnav,.subnav ul{width:100%}.subnav li,.subnav a{float:none}.subnav a{width:100%;font-size:1.3em}#contactform{height:auto;margin:0 0 28px}#contactform input,#contactform textarea{font-size:16px;padding:8px}#contactform button{padding:10px;font-size:16px}.visitus{text-align:left}#sound{width:64px;height:64px;margin-left:-32px;bottom:12px}}@media(max-width:1000px){.clipped{display:none}}:root[data-debug-canvas] #birdsMain{outline:1px dashed #4fd6ff;outline-offset:-1px}:root[data-debug-canvas] #birdsFooter{outline:1px dashed #ff5cf0;outline-offset:-1px}:root[data-debug-canvas] #treeline{outline:1px dotted #ffd24f;outline-offset:-3px}#debug-seam{position:fixed;left:0;width:100%;height:0;border-top:1px solid #ff2d2d;z-index:9998;pointer-events:none}#debug-legend{position:fixed;top:12px;right:12px;z-index:9999;padding:10px 12px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:#000000d1;border:1px solid rgba(255,255,255,.25);border-radius:6px;pointer-events:none;white-space:pre}#debug-legend b{font-weight:400}#debug-legend .swatch{display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:baseline;border:1px solid currentColor}