body{color:#000;background:#fff;font-family:myfont,sans-serif}.featured-section{max-width:1600px;margin:0 auto;padding:80px 40px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:60px;display:flex}.section-title{word-spacing:1px;white-space:normal;letter-spacing:-1px;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1.15}.section-number{font-size:60px;font-weight:300}.works-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.work-item{cursor:pointer;position:relative;overflow:hidden}.work-image{aspect-ratio:16/10;overflow:hidden}.work-item:nth-child(odd) .work-image{aspect-ratio:16/18}.work-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.work-item:hover .work-image img{transform:scale(1.05)}.work-info{color:#000;padding:20px 0}.work-title{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:600}.work-year{color:#666;font-size:14px;font-weight:300}.cta-btn-styled{text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;cursor:pointer;background:#080807;border:1px solid #fff3;border-radius:50px;align-items:center;margin:20px auto;padding:10px 18px;font-size:18px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.cta-btn-styled span{color:#fff;display:block;position:relative;overflow:hidden}.cta-btn-styled .text-original,.cta-btn-styled .text-hover{line-height:1;display:block}.cta-btn-styled:after{content:"";box-sizing:border-box;background:#fff;border:2px solid #000;border-radius:50%;width:8px;height:8px;margin-left:8px;transition:all .3s}.cta-btn-styled:hover:after{background:#fff;border-color:#fff}.cta-btn-container{justify-content:center;display:flex}.view-project-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:10;background:#fffffff2;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0000001a}.work-item:hover .view-project-btn{opacity:1}.view-project-btn:before{content:"";background:#000;border-radius:50%;width:8px;height:8px}.view-project-btn span{color:#000;font-size:14px;font-weight:500}@media (max-width:768px){.featured-section{padding:40px 20px}.section-header{align-items:flex-start;gap:5px;margin-bottom:30px}.section-title{letter-spacing:-1px;font-size:clamp(2.5rem,1.813rem + 5.84vw,9.229rem)}.section-number{font-size:32px}.works-grid{grid-template-columns:1fr}.work-item:nth-child(odd){justify-self:start;max-width:85%}.work-item:nth-child(2n){justify-self:end;max-width:85%}.work-item:nth-child(odd) .work-image,.work-item:nth-child(2n) .work-image{aspect-ratio:4/3}.work-info{padding:15px 0}.work-title{font-size:18px}.work-year{font-size:14px}.view-project-btn{display:none}}@media (max-width:480px){.section-title,.section-number{font-size:clamp(2.5rem,1.813rem + 5.84vw,9.229rem)}.work-info{padding:20px}.view-project-btn{display:none}}
:root{--min-bg:#fff;--min-line:#e0e0e0;--min-text-main:#1a1a1a;--min-text-mute:#888;--min-accent:#000}.min-process-section{background-color:var(--min-bg);max-width:1600px;margin:0 auto;padding:10px 40px 80px}.min-container{gap:60px;width:100%;display:flex}.min-visual-col{background:#f0f0f0;border-radius:4px;flex:1.2;position:relative;overflow:hidden}.min-visual-heading{z-index:10;color:#fff;letter-spacing:-1px;text-shadow:0 2px 10px #0003;margin:0;font-size:32px;font-weight:300;position:absolute;top:30px;left:30px}.min-image-wrapper{width:100%;height:100%;position:relative}.min-image{object-fit:cover;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .5s,transform .8s;position:absolute;top:0;left:0;transform:scale(1.1)}.min-image.active{opacity:1;z-index:1;transform:scale(1)}.min-img-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0006 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.min-visual-label{z-index:5;text-transform:uppercase;letter-spacing:1.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--min-text-main);background:#ffffffe6;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:500;position:absolute;bottom:25px;right:25px}.min-content-col{flex-direction:column;flex:1;padding-top:10px;display:flex}.min-list{flex-direction:column;flex-grow:1;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.min-item{border-top:1px solid var(--min-line);cursor:pointer;padding:20px 0;transition:all .3s;position:relative}.min-item:last-child{border-bottom:1px solid var(--min-line)}.min-item-header{align-items:center;gap:25px;display:flex}.min-id{color:var(--min-text-mute);font-family:monospace;font-size:12px}.min-title{color:var(--min-text-mute);font-size:22px;font-weight:400;transition:all .3s}.min-item.active .min-id{color:var(--min-accent)}.min-item.active .min-title{color:var(--min-accent);transform:translate(10px)}.min-item-body{opacity:0;height:0;padding-left:50px;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.min-item.active .min-item-body{opacity:1;height:auto;margin-top:10px;padding-bottom:10px}.min-item-body p{color:#555;margin:0;font-size:15px;line-height:1.6}.min-cta{margin-top:30px}@media (max-width:1024px){.min-process-section{height:auto;padding:0;display:block;overflow:visible}.min-container{flex-direction:column;gap:0;height:auto;display:flex}.min-visual-col{border-radius:0;flex:none;width:100%;height:350px;min-height:350px;position:relative}.min-visual-heading{font-size:24px;top:20px;left:20px}.min-content-col{box-sizing:border-box;background:#fff;width:100%;padding:30px 20px 60px}.min-item{padding:25px 0}.min-title{font-size:18px}.min-cta{justify-content:center;display:flex}}.processcomp-heading{word-spacing:1px;white-space:normal;letter-spacing:-1px;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1.15}.process-subheader{letter-spacing:.15em;color:var(--min-text-mute);text-transform:uppercase;font-size:.75rem;font-weight:600;display:block}
