@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap');
.hybrid{--heading:'Cormorant Garamond',Georgia,serif;--pad:5.5vw;--paper:#f6f3ed;--muted:#77786f}.hybrid h1,.hybrid h2,.hybrid h3{font-family:var(--heading);font-weight:300;letter-spacing:-.035em;line-height:1.02}.hybrid .opening{display:block;height:100svh;min-height:820px;max-height:1150px;padding:0;background:var(--paper);isolation:isolate}.hybrid .hero-photo{top:105px;bottom:0;left:0;right:0;height:auto;background:#23251f}.hybrid .hero-photo>img{filter:brightness(.72);object-position:center 48%}.hybrid .hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d100cd9 0%,#0d100c55 45%,transparent 80%);pointer-events:none}.hybrid .hero-photo .slot-label{display:none}.hybrid .stage-header{left:var(--pad);right:var(--pad);top:22px;height:62px;align-items:center;color:var(--ink)}.hybrid .stage-header .brand{background:none;padding:0;gap:18px}.hybrid .stage-header .brand img{width:59px}.hybrid .stage-header .brand>span{font:8px/1.6 var(--body);letter-spacing:.08em;text-transform:uppercase}.hybrid .stage-header .status{font:10px/1.6 var(--body);max-width:230px;margin:0 26% 0 20px;color:var(--muted)}.hybrid .stage-nav{left:auto;right:var(--pad);top:44px;bottom:auto;padding:0;border:0;display:flex;gap:30px;font:9px/1.5 var(--body);letter-spacing:.09em;text-transform:uppercase}.hybrid .stage-nav>button{font:inherit;letter-spacing:inherit;text-transform:inherit}.hybrid .opening-type{position:absolute;left:var(--pad);right:var(--pad);bottom:155px;text-align:left;max-width:950px;height:auto}.hero-eyebrow{font:8px/1.5 var(--body);letter-spacing:.16em;color:#eeeee3bd;display:block;margin-bottom:25px}.hybrid h1{font-size:clamp(64px,6.7vw,108px);line-height:.97;margin-bottom:25px;color:#faf7f0;max-width:1000px}.hybrid .opening-type>p{font:16px/1.6 var(--body);color:#f6f3edce;margin:0;max-width:none}.hybrid .scene-controls{bottom:45px;right:var(--pad);gap:18px}.hybrid .scene-controls #sequence{font:9px/1.5 var(--body);min-height:28px}.hybrid .hero-scroll{position:absolute;left:var(--pad);bottom:49px;color:#f6f3edbd;font:9px/1.5 var(--body);letter-spacing:.04em;display:flex;gap:35px;align-items:center}.hero-scroll span{font-size:20px}.hybrid .section{padding-top:100px;padding-bottom:100px}.hybrid .work{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px 8%;align-items:start}.hybrid .section-heading{grid-column:1;grid-row:1}.hybrid .section-heading h2{font-size:clamp(45px,4.3vw,70px);line-height:1.04}.hybrid .section-heading>p{font:14px/1.6 var(--body);color:var(--muted);margin-top:25px}.hybrid .work-images{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1.65fr 1fr;gap:25px;margin:0;align-items:end}.hybrid .work-images figure:last-child{display:block}.hybrid .work-images figure:first-child .image-slot{height:440px;background:#e8e6df}.hybrid .work-images figure:last-child .image-slot{height:280px;background:#e8e6df}.hybrid .work-note{grid-column:1;grid-row:2;display:block;margin-top:0;align-self:end}.hybrid .work-note p{font-size:12px;color:var(--muted);max-width:300px}.hybrid .work-note button{font-size:10px;margin-top:25px}.hybrid figcaption{font:8px/1.5 var(--body);letter-spacing:.05em;margin-top:15px;color:var(--muted)}.hybrid .craft{padding-top:70px;padding-bottom:70px;min-height:600px}.hybrid .craft-copy{padding:35px;width:340px;max-width:38%;border:1px solid #d1d0c2;background-color:var(--paper);background-image:linear-gradient(#f6f3ed77,#f6f3ed77),url('../assets/fine-linen.webp');background-size:auto,640px 640px;background-blend-mode:normal,luminosity}.hybrid .craft-copy h2{font-size:clamp(42px,4.1vw,66px);line-height:1.01}.hybrid .craft-copy>p{font:14px/1.55 var(--body);margin-top:25px}.hybrid .craft-copy>.craft-extra{font-size:11px;line-height:1.6;margin-top:20px}.hybrid .craft>.image-slot img{object-position:62% center}.hybrid .recognition{padding-top:30px;padding-bottom:30px;border-top:0;gap:40px}.hybrid .recognition>.eyebrow{font-size:8px}.hybrid .recognition>a{font-family:var(--heading);font-size:25px;line-height:1.1}.hybrid .people{grid-template-columns:1.1fr .9fr;gap:13%;align-items:center}.hybrid .people-copy{max-width:570px}.hybrid .people h2{font-size:clamp(44px,4.4vw,72px);line-height:1.06}.hybrid .founder-image{width:100%;max-width:370px;justify-self:center}.hybrid .founder-image>.image-slot{height:530px}.hybrid .people-copy>.founder-name{font:20px/1.4 var(--heading);margin-top:20px}.hybrid .people-copy>p{font-size:12px;line-height:1.75;max-width:420px}.hybrid .origin{margin-top:30px}.hybrid .origin summary{font-size:10px;padding:18px 0}.hybrid .disclosure .verse{font-family:var(--heading);font-weight:300;font-size:26px}.hybrid .disclosure p{font-size:12px}.hybrid .team{gap:20px;margin-top:35px}.hybrid .people .team .image-slot{height:145px;filter:grayscale(1)}.hybrid .team figcaption{font:9px/1.5 var(--body);letter-spacing:0}.hybrid .studio-updates{padding:0}.hybrid .updates-image>.image-slot{height:400px}.hybrid .studio-updates>h2{top:130px;font-size:clamp(48px,5vw,80px);font-weight:300}.hybrid .studio-links{padding-top:35px;padding-bottom:0}.hybrid .social-links{font:11px/1.5 var(--body);letter-spacing:.03em}.hybrid .social-note{font-size:9px;margin-top:20px}.hybrid .capabilities{margin-top:30px;gap:50px}.hybrid .capabilities summary{font-size:10px;padding:20px 0}.hybrid .disclosure h3{font-size:28px;font-weight:300}.hybrid .contact{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.hybrid .contact h2{font-size:clamp(46px,5.3vw,85px);line-height:1.05}.hybrid .contact h2 br:last-child{display:block}.hybrid .contact-copy{margin:0}.hybrid .contact-copy>p{font-size:12px}.hybrid .contact-action{max-width:none;font:28px/1.4 var(--heading);margin:24px 0 25px;padding:0 0 14px}.hybrid .contact-table{display:block}.hybrid .contact-table>a{display:flex;flex-direction:row;align-items:center;border-top:0;padding:15px 0;gap:20px}.hybrid .contact-table>a>span:first-child{font:9px var(--body);letter-spacing:.06em;text-transform:uppercase}.hybrid .contact-table>a>span:last-child{font:11px var(--body)}.hybrid .address{font-size:11px;margin-top:30px}.hybrid .hours{font-size:10px;margin-top:12px}.hybrid .contact-copy .collaborate{font-size:9px;line-height:1.8;margin-top:30px}.hybrid footer{font-size:8px;gap:25px;padding-bottom:30px}.hybrid dialog h2{font-size:50px;font-weight:300}
@media(max-width:1100px){.hybrid{--pad:5vw}.hybrid .stage-header .status{max-width:200px;margin-right:29%}.hybrid .stage-nav{gap:22px}.hybrid h1{font-size:8vw}.hybrid .opening-type{bottom:155px}.hybrid .work{gap:25px 6%;grid-template-columns:.7fr 1.3fr}.hybrid .work-images{gap:18px;grid-template-columns:1.5fr 1fr}.hybrid .work-images figure:first-child .image-slot{height:370px}.hybrid .work-images figure:last-child .image-slot{height:260px}.hybrid .section-heading h2{font-size:49px}.hybrid .craft-copy{max-width:43%}.hybrid .people{gap:8%;grid-template-columns:1.15fr .85fr}.hybrid .people h2{font-size:54px}.hybrid .founder-image>.image-slot{height:480px}.hybrid .people .team .image-slot{height:120px}.hybrid .contact{gap:8%}}
@media(max-width:800px){.hybrid{--pad:6vw}.hybrid .opening{height:100svh;min-height:730px;max-height:1000px}.hybrid .hero-photo{top:108px}.hybrid .stage-header{top:23px;height:55px;align-items:center}.hybrid .stage-header .brand{gap:12px;padding:0}.hybrid .stage-header .brand img{width:48px}.hybrid .stage-header .brand>span{font-size:7px}.hybrid .stage-header .status{position:static;max-width:170px;font-size:8px;margin:0 0 0 auto}.hybrid .stage-nav{top:auto;bottom:35px;left:var(--pad);right:var(--pad);font-size:10px;letter-spacing:.04em;gap:20px;justify-content:space-between;color:#f6f3edc9;padding-top:20px;border-top:1px solid #f0f0e450}.hybrid .opening-type{bottom:200px;max-width:600px}.hero-eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:20px}.hybrid h1{font-size:clamp(52px,9.5vw,77px);line-height:1.01;margin-bottom:23px}.hybrid .opening-type>p{font-size:12px;max-width:260px;line-height:1.7}.hybrid .scene-controls{bottom:107px;right:var(--pad);gap:10px}.hybrid .scene-controls #sequence{font-size:8px;min-height:30px}.hybrid .hero-scroll{bottom:113px;font-size:8px;gap:15px}.hybrid .hero-photo>img{object-position:54% center;filter:brightness(.65)}.hybrid .section{padding-top:60px;padding-bottom:60px}.hybrid .work{display:block}.hybrid .section-heading h2{font-size:47px}.hybrid .section-heading>p{font-size:12px;margin-top:22px}.hybrid .work-images{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:35px}.hybrid .work-images figure:first-child .image-slot{height:290px}.hybrid .work-images figure:last-child .image-slot{height:220px}.hybrid .work-note{margin-top:28px}.hybrid .work-note p{max-width:350px;font-size:12px}.hybrid .work-note button{margin-top:22px;font-size:10px}.hybrid .craft{min-height:520px;padding-top:45px;padding-bottom:45px;align-items:start}.hybrid .craft-copy{max-width:82%;width:315px;padding:25px}.hybrid .craft-copy h2{font-size:44px}.hybrid .craft-copy>p{font-size:12px;margin-top:20px}.hybrid .craft-copy>.craft-extra{font-size:10px}.hybrid .recognition{padding-top:25px;padding-bottom:25px;gap:22px}.hybrid .recognition>a{font-size:22px}.hybrid .people{display:flex;flex-direction:column;align-items:stretch;gap:35px}.hybrid .people-copy{order:0;max-width:none}.hybrid .people h2{font-size:49px}.hybrid .people-copy>p{font-size:12px;max-width:100%}.hybrid .founder-image{order:1;width:73%;margin-left:auto;max-width:340px}.hybrid .founder-image>.image-slot{height:420px}.hybrid .people .team .image-slot{height:150px}.hybrid .team{gap:15px}.hybrid .updates-image>.image-slot{height:330px}.hybrid .studio-updates{padding:0}.hybrid .studio-updates>h2{font-size:49px;top:95px}.hybrid .studio-updates>h2 br{display:block}.hybrid .studio-links{padding-top:28px}.hybrid .social-links{font-size:11px}.hybrid .capabilities{display:block;margin-top:25px}.hybrid .capabilities summary{font-size:10px;padding:18px 0}.hybrid .contact{display:block}.hybrid .contact h2{font-size:54px}.hybrid .contact-copy{margin-top:35px}.hybrid .contact-action{font-size:29px;margin-top:25px}.hybrid footer{gap:18px;padding-bottom:80px}}
@media(max-width:450px){.hybrid .mobile-menu{display:none}.hybrid .stage-header .status{font-size:7px;max-width:135px}.hybrid .stage-header .brand>span{font-size:6px;letter-spacing:.04em}.hybrid .stage-header .brand img{width:44px}.hybrid .stage-nav.menu-open{position:absolute;top:auto;bottom:35px;left:var(--pad);right:var(--pad);background:none;display:flex;flex-direction:row;align-items:center;color:#f6f3edc9;padding:20px 0 0;border:0;border-top:1px solid #f0f0e450;font-size:10px;gap:15px}.hybrid .stage-nav{font-size:10px}.hybrid .opening{min-height:730px}.hybrid .opening-type{bottom:210px}.hybrid h1{font-size:14vw}.hybrid .opening-type>p{font-size:11px;max-width:250px}.hero-eyebrow{font-size:6px;letter-spacing:.08em}.hybrid .scene-controls{bottom:108px}.hybrid .hero-scroll{bottom:150px}.hybrid .work-images{gap:14px}.hybrid .work-images figure:first-child .image-slot{height:240px}.hybrid .work-images figure:last-child .image-slot{height:190px}.hybrid .people .team .image-slot{height:125px}.hybrid .founder-image>.image-slot{height:380px}.hybrid .contact h2{font-size:49px}.hybrid .craft-copy h2{font-size:41px}}
.hybrid .stage-nav{color:var(--ink)}@media(max-width:800px){.hybrid .stage-nav{color:#f6f3edc9}}@media(max-width:450px){.hybrid .stage-header .brand>span{font-size:8px;letter-spacing:.025em}.hybrid .stage-header .status{font-size:9px;line-height:1.5}.hero-eyebrow{font-size:8px;letter-spacing:.06em}}
.hybrid .opening{background-image:linear-gradient(#f6f3ed33,#f6f3ed33),url('../assets/fine-linen.webp');background-size:auto,640px 640px;background-blend-mode:normal,luminosity}@media(max-width:800px){.hybrid .stage-nav{padding-right:45px}}
