:root{--ink:#1d1d1f;--muted:#757579;--paper:#f5f5f7;--dark:#09090b;--line:#dedee2}html{scroll-padding-top:85px}body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1180px,88%)}a{text-decoration:none}a:focus-visible{outline-color:#94949b}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}body>header{width:100%;max-width:none;position:sticky;top:0;z-index:10;background:#09090bef;backdrop-filter:blur(18px);color:#f5f5f7;border-bottom:1px solid #ffffff10}nav{max-width:1180px;width:88%;margin:auto;padding:23px 0;border:0}.brand{font-size:25px;letter-spacing:-1.5px}.brand span{color:inherit}.brand i{background:currentColor;width:4px;height:4px}.links{color:#b0b0b6}nav .links{font-size:12px;gap:30px}nav .links a:hover{color:white}.portfolio-hero{background:var(--dark);color:#f5f5f7;position:relative;isolation:isolate;overflow:hidden;padding:83px 0 26px}.hero-halo{position:absolute;z-index:-1;left:50%;top:70px;width:850px;height:600px;transform:translateX(-50%);background:radial-gradient(ellipse,#72757d18,transparent 65%);pointer-events:none}.hero-content{text-align:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;color:var(--muted)}.hero-content .eyebrow{color:#909097;margin:0 0 25px}.portfolio-hero h1{font-size:clamp(64px,7.8vw,108px);font-weight:600;line-height:1.02;letter-spacing:-.065em;margin:0}.portfolio-hero h1 span{background:linear-gradient(120deg,#cacbd0 0%,#a2a4aa 45%,#6e7179 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#a0a0a7;font-size:18px;line-height:1.55;letter-spacing:-.025em;margin:26px 0 22px}.hero-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;padding:12px 0;color:#e3e3e8}.hero-link span{display:grid;place-items:center;width:27px;height:27px;background:#232327;border-radius:50%;transition:transform .25s}.hero-link:hover span{transform:translateY(3px)}.hero-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:53px}.world{position:relative;height:228px;border:1px solid #ffffff12;background:#151517;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s,border-color .4s}.world:hover{transform:translateY(-5px);border-color:#ffffff40}.world-type{position:absolute;top:22px;left:23px;font-size:8px;letter-spacing:.14em;color:#b1b1b8;z-index:2}.world-caption{position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:11px;color:#c4c4ca;z-index:2}.world-caption i{font-style:normal}.world-layla{background:radial-gradient(ellipse at 50% 65%,#35312d,#151515 85%)}.world-layla img{width:69%;height:110px;object-fit:contain;filter:invert(1);opacity:.9}.world-person{background:radial-gradient(ellipse at 50% 50%,#30333a,#141416 75%)}.world-person img{width:90px;height:90px;object-fit:contain;filter:grayscale(1);margin-top:-18px}.world-person strong{font-size:20px;letter-spacing:-.6px;font-weight:500;margin-top:2px;color:#dddde2}.world-game>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:.56;transition:transform .6s}.world-game:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071716cc,transparent 65%),linear-gradient(180deg,#09191966,transparent 40%)}.world-game strong{z-index:1;font-size:23px;font-weight:600;letter-spacing:-1px;text-shadow:0 2px 15px #0004}.world-game:hover img{transform:scale(1.04)}.hero-bottom{display:flex;justify-content:space-between;margin-top:27px;font-size:8px;letter-spacing:.11em;color:#64646c}.portfolio-projects{padding:115px 0 95px}.section-top{margin-bottom:60px;align-items:flex-end}.section-top h2{font-size:clamp(40px,4.7vw,64px);line-height:1.07;letter-spacing:-.055em;font-weight:600;margin:21px 0 0}.section-top>p{font-size:15px;color:var(--muted);line-height:1.65;margin-bottom:3px;letter-spacing:-.02em}.showcase{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:26px;margin-bottom:35px;background:#fff;scroll-margin-top:105px}.showcase:last-child{margin-bottom:0}.showcase-art{min-height:540px;position:relative;overflow:hidden}.showcase-copy{padding:53px 54px;display:flex;flex-direction:column;justify-content:center}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.status{border:1px solid #dedee3;border-radius:20px;padding:6px 10px;white-space:nowrap;font-size:9px;letter-spacing:0}.status.live{color:#55754e;border-color:#d5e1d2}.showcase h3{font-size:clamp(35px,3.6vw,50px);letter-spacing:-.055em;font-weight:600;line-height:1.07;margin:35px 0 24px}.showcase-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 23px;max-width:365px}.showcase-copy .project-lead{color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.025em;margin-bottom:13px}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:13px;margin:0 0 28px;padding:0}.project-tags li{font-size:9px;color:#8b8b90}.project-tags li+li:before{content:'·';margin-right:13px}.project-cta{font-size:12px;display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid #e4e4e8;padding-top:16px;color:var(--ink)}.project-cta span{font-size:18px}.project-cta:hover span{transform:translate(2px,-2px)}.project-cta span{transition:transform .2s}.availability{font-size:10px;color:#8e8e94;margin-top:12px;line-height:1.6}.art-kicker,.art-bottom{position:absolute;left:32px;font-size:8px;letter-spacing:.12em;z-index:2}.art-kicker{top:32px}.art-bottom{bottom:32px}.layla-art{background:#e9e4dc;color:#948674;display:flex;align-items:center;justify-content:center}.layla-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#ffffff80,transparent 65%);pointer-events:none}.layla-logo{position:relative;z-index:1;width:72%;padding:55px 15px;background:#f2eee8;box-shadow:0 35px 60px #80715b16,0 1px 0 #fff inset;transform:rotate(-5deg)}.layla-logo img{width:100%;height:140px;object-fit:contain}.stage-lines{position:absolute;inset:-80px;display:flex;justify-content:space-around;transform:rotate(26deg)}.stage-lines i{width:1px;background:#c8bdad66;height:150%}.person{background:#101113;color:#f5f5f7}.person .showcase-art{order:2}.person-art{background:radial-gradient(ellipse at 50% 32%,#303238,#121315 72%);color:#8e909a}.person-mark{display:block;position:absolute;width:205px;height:205px;object-fit:contain;filter:grayscale(1);left:calc(50% - 102px);top:73px}.thought{position:absolute;bottom:102px;left:14%;right:14%;display:flex;flex-direction:column;gap:10px;transform:rotate(-5deg)}.thought span{padding:16px 19px;background:linear-gradient(120deg,#34363c,#222328);border:1px solid #ffffff18;border-radius:12px;font-size:12px;color:#b7bac2;box-shadow:0 15px 25px #0002}.thought span:nth-child(2){margin-left:25px}.thought span:nth-child(3){margin-left:50px;color:#ebedf2}.person .showcase-copy .project-lead,.person .project-cta{color:#f5f5f7}.person .project-meta,.person .showcase-copy p{color:#95959f}.person .project-cta{border-color:#2e2e34}.person .status{border-color:#34343c;color:#b5b5bc}.person .availability{color:#73737e}.game-art{background:#b7dedb}.game-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .8s}.showcase:hover .game-art>img{transform:scale(1.025)}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#143e5310,transparent),linear-gradient(0deg,#143e5355,transparent 35%)}.game-title{position:absolute;z-index:1;top:42px;left:34px;line-height:.95;font-size:52px;letter-spacing:-2px;font-weight:900;color:white;text-shadow:0 3px 0 #21475d30;transform:rotate(-6deg)}.game-title em{color:#fff59a;font-style:normal}.game-art .art-bottom{color:white}.portfolio-about{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding:40px 0 120px;border:0}.portfolio-about h2{font-size:clamp(38px,4vw,53px);font-weight:600;line-height:1.1;letter-spacing:-.055em;margin-top:24px}.portfolio-about p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:8px}.principles{display:flex;gap:25px;font-size:10px;font-weight:500;padding-top:15px}.principles span{border-top:1px solid #bbbcc2;padding-top:12px}.contact{background:#eaeaec;width:100%;max-width:none;padding:84px max(6%,calc((100vw - 1180px)/2));border:0;align-items:center}.contact h2{font-size:clamp(42px,5.2vw,70px);font-weight:600;line-height:1.06;letter-spacing:-.06em;margin:22px 0 0}.contact-link{font-size:13px;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:17px 24px;white-space:nowrap}.contact-link span{margin-left:28px}footer{border:0;padding:35px 0;color:#818186;font-size:10px}footer .brand{color:var(--ink);font-size:22px}.reveal{transition:opacity .8s,transform .8s}.reveal.waiting{opacity:0;transform:translateY(25px)}@media(max-width:1000px){.showcase-copy{padding:35px}.showcase-art{min-height:490px}.portfolio-about{gap:45px}.hero-worlds{gap:12px}.world-caption{font-size:10px;left:18px;right:18px}.world-type{left:18px}.world-game strong{font-size:20px}.principles{gap:15px;font-size:9px}}@media(max-width:700px){nav{padding:20px 0}nav .links{gap:18px;font-size:10px}.brand{font-size:22px}.portfolio-hero{padding-top:66px}.portfolio-hero h1{font-size:clamp(46px,10.5vw,72px)}.hero-content .eyebrow{font-size:8px;letter-spacing:.1em}.hero-description{font-size:15px;margin:24px 0 15px}.hero-worlds{grid-template-columns:1fr;margin-top:38px;gap:10px}.world{height:138px;border-radius:13px}.world-type{top:16px;font-size:7px;left:18px}.world-caption{bottom:16px;font-size:9px}.world-layla img{width:175px;height:70px}.world-person{flex-direction:row;gap:6px}.world-person img{width:70px;height:70px;margin:0}.world-person strong{font-size:19px}.world-game strong{font-size:23px}.world-game>img{object-position:center 43%;opacity:.4}.hero-bottom{margin-top:22px;font-size:7px}.portfolio-projects{padding:70px 0}.section-top{margin-bottom:35px}.section-top h2{font-size:43px}.section-top>p{display:none}.showcase{grid-template-columns:1fr;border-radius:20px;margin-bottom:23px}.showcase-art{min-height:370px}.showcase-copy{padding:31px 28px 36px}.person .showcase-art{order:0}.showcase h3{font-size:40px;margin:27px 0 23px}.project-meta{font-size:8px}.showcase-copy p{font-size:13px}.project-tags{gap:10px}.project-tags li+li:before{margin-right:10px}.art-kicker,.art-bottom{left:24px}.art-kicker{top:24px}.art-bottom{bottom:24px}.layla-logo{padding:36px 15px}.layla-logo img{height:110px}.person-mark{width:155px;height:155px;left:calc(50% - 77px);top:40px}.thought{bottom:66px;left:12%;right:12%;gap:7px}.thought span{padding:12px 16px;font-size:11px}.game-title{font-size:45px;left:27px;top:30px}.portfolio-about{grid-template-columns:1fr;gap:13px;padding:0 0 65px}.portfolio-about h2{font-size:39px}.portfolio-about p{font-size:14px}.principles{gap:20px;flex-wrap:wrap;font-size:10px}.contact{padding:60px 6%;gap:30px}.contact h2{font-size:47px}.contact-link{font-size:12px;padding:16px 22px}footer{padding:28px 0;gap:20px}.hero-content{width:94%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.waiting{opacity:1;transform:none}.world:hover{transform:none}*{transition:none!important;animation:none!important}}
header.wrap{width:100%;max-width:none}

/* Current project screens */
.current-world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:none;opacity:.76;margin:0;transition:transform .6s}
.current-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09090b65,transparent 45%,#09090bf5)}
.current-world strong{position:absolute;z-index:2;bottom:50px;left:23px;font-size:23px;font-weight:600;letter-spacing:-.8px;color:#fff;margin:0;text-shadow:0 2px 12px #0006}
.current-world:hover>img{transform:scale(1.035)}
.world-game>img{object-position:center 56%;opacity:.85}
.current-art{display:flex;align-items:center;justify-content:center;padding:90px 28px;background:#eae4e4;color:#917d7f}
.person-art.current-art{background:radial-gradient(ellipse at 50% 40%,#303238,#121315 85%);color:#8e909a}
.site-preview{display:block;width:100%;position:relative;z-index:1;overflow:hidden;border:1px solid #ffffff40;border-radius:12px;background:#f8f8fa;box-shadow:0 28px 55px #4a26352a;transition:transform .5s}
.site-preview:hover{transform:translateY(-4px)}
.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#f5f3f4;color:#7d777c;font-size:9px;letter-spacing:.02em}
.preview-dots{font-size:6px;color:#c8bec4;letter-spacing:3px}
.site-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.person .site-preview{border-color:#ffffff18;box-shadow:0 30px 65px #0008;background:#080909}
.person .preview-bar{background:#222326;color:#b5b5bd}
.person .preview-dots{color:#62636b}
.current-game{background:radial-gradient(ellipse at 65% 35%,#c0f1e9,#68bdb8 90%);color:#215a58;display:flex;align-items:center;justify-content:center;padding:75px 24px}
.current-game:after{display:none}
.game-screens{position:relative;display:block;width:min(100%,440px);height:405px}
.game-screen{position:absolute;display:block;height:100%;width:auto;max-width:55%;object-fit:contain;border-radius:23px;border:6px solid #17272a;box-shadow:0 24px 45px #14434045;transition:transform .5s}
.game-screen.back{left:7%;top:-8px;transform:rotate(-9deg)}
.game-screen.front{right:7%;top:12px;transform:rotate(8deg)}
.game-screens:hover .back{transform:rotate(-11deg) translateY(-4px)}
.game-screens:hover .front{transform:rotate(10deg) translateY(-4px)}
.current-game .art-bottom{color:#215a58}
@media(max-width:1000px){.current-art{padding:80px 22px}.game-screens{height:350px}.game-screen{border-width:5px;border-radius:20px}}
@media(max-width:700px){.current-world strong{left:18px;bottom:40px;font-size:21px}.current-world.world-person{display:block}.current-world>img{width:100%;height:100%;margin:0;object-position:center 20%}.world-game>img{object-position:center 55%}.current-art{min-height:340px;padding:75px 24px}.preview-bar{padding:10px 12px;font-size:8px}.current-game{min-height:450px;padding:65px 20px}.game-screens{height:330px;width:350px}.game-screen{border-radius:18px}}

/* Layla Sirin desktop and iPhone home */
.layla-art.current-art{isolation:isolate}
.layla-art .site-preview{width:94%;transform:translate(-16px,-18px)}
.layla-art .site-preview:hover{transform:translate(-16px,-22px)}
.iphone-preview{display:block;position:absolute;right:28px;bottom:72px;width:168px;z-index:3;border:7px solid #202024;border-radius:29px;padding-top:20px;overflow:hidden;background:#f4e8eb;box-shadow:0 24px 45px #56343b4d,0 0 0 1px #ffffff90;transition:transform .5s}
.iphone-preview:hover{transform:translateY(-4px)}
.iphone-preview img{display:block;width:100%;height:auto}
.iphone-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:52px;height:12px;border-radius:12px;background:#202024}
@media(max-width:1000px) and (min-width:701px){.iphone-preview{width:140px;right:18px;bottom:65px}.layla-art .site-preview{width:100%;transform:translate(-8px,-24px)}}
@media(max-width:700px){.layla-art.current-art{min-height:430px;padding:75px 20px}.layla-art .site-preview{width:100%;transform:translate(-4px,-24px)}.layla-art .site-preview:hover{transform:translate(-4px,-28px)}.iphone-preview{width:126px;right:23px;bottom:54px;border-width:5px;border-radius:23px;padding-top:17px}.iphone-island{top:5px;width:40px;height:10px}}