.border-image{display:flex;box-sizing:border-box;position:relative}.border-image:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:0;box-sizing:border-box;border:1px solid currentColor;transition:opacity .5s ease-in-out}.border-image img{width:100%;height:auto;transition:opacity .5s ease-in-out}html.focus-image .border-image:not(:hover):before{opacity:1}html.focus-image .border-image:not(:hover) img{opacity:0}html:not(.focus-image){background:#fff!important;color:#000!important}#popup{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;--grid-item-size: 66px}#popup-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}#popup-bg .popup-layer{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 1s cubic-bezier(.6,.14,0,1) .4s}#popup-bg .popup-layer:nth-child(1){transition-delay:.6s}#popup-close{position:relative;position:absolute;top:40px;left:var(--margin);font-size:15.46px;z-index:1;cursor:pointer;transition:opacity 1s cubic-bezier(.19,1,.22,1)}#popup-close:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0% 100%;will-change:transform;transition:transform 1s cubic-bezier(.35,.42,0,1)}#popup-close:hover:after{transform:scaleX(1)}#popup-image-container{width:auto;height:54.2168675vh;display:flex;position:relative;background:currentColor;transition:opacity 1.5s cubic-bezier(.19,1,.22,1) 0s}#popup-image-container:not(:hover) .popup-grid-item:nth-child(9){transform:translate(calc(var(--grid-item-size) * -1)) translateY(calc(var(--grid-item-size) * -2))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(5){transform:translate(calc(var(--grid-item-size) * -1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(8){transform:translate(calc(var(--grid-item-size) * 1)) translateY(calc(var(--grid-item-size) * -1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(6){transform:translate(calc(var(--grid-item-size) * -2)) translateY(calc(var(--grid-item-size) * 1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(4){transform:translate(calc(var(--grid-item-size) * 2)) translateY(calc(var(--grid-item-size) * 1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(7){transform:translate(calc(var(--grid-item-size) * 1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(2){transform:translateY(calc(var(--grid-item-size) * 1))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(3){transform:translate(calc(var(--grid-item-size) * -2))}#popup-image-container:not(:hover) .popup-grid-item:nth-child(1){transform:translate(calc(var(--grid-item-size) * 2))}#popup-image-container.hide{display:none}#popup-image{width:auto;height:100%;position:relative;z-index:0;display:flex;transition:opacity 1s cubic-bezier(.19,1,.22,1)}#popup-image img{width:auto;height:100%}#popup-grid{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity 1s cubic-bezier(.19,1,.22,1)}#popup-grid .popup-grid-item{width:100%;height:100%;position:absolute;top:0;left:0;will-change:transform;transition:transform 1s cubic-bezier(.19,1,.22,1)}#popup-grid .popup-grid-item img{width:100%;height:100%;position:absolute;left:0;top:0;transition:transform 1s cubic-bezier(.19,1,.22,1)}#popup-grid .popup-grid-item:nth-child(1){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5))}#popup-grid .popup-grid-item:nth-child(2){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)))}#popup-grid .popup-grid-item:nth-child(3){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2))}#popup-grid .popup-grid-item:nth-child(4){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5))}#popup-grid .popup-grid-item:nth-child(5){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)))}#popup-grid .popup-grid-item:nth-child(6){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2))}#popup-grid .popup-grid-item:nth-child(7){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5))}#popup-grid .popup-grid-item:nth-child(8){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size)))}#popup-grid .popup-grid-item:nth-child(9){clip-path:inset(calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5) calc((100% - var(--grid-item-size) * 3) * .5 + var(--grid-item-size) * 2))}#popup-grid .popup-grid-item:nth-child(1){transition-delay:.05s}#popup-grid .popup-grid-item:nth-child(2){transition-delay:.1s}#popup-grid .popup-grid-item:nth-child(3){transition-delay:.15s}#popup-grid .popup-grid-item:nth-child(4){transition-delay:.2s}#popup-grid .popup-grid-item:nth-child(5){transition-delay:.25s}#popup-grid .popup-grid-item:nth-child(6){transition-delay:.3s}#popup-grid .popup-grid-item:nth-child(7){transition-delay:.35s}#popup-grid .popup-grid-item:nth-child(8){transition-delay:.4s}#popup-grid .popup-grid-item:nth-child(9){transition-delay:.45s}#popup:not(.loaded) #popup-image-container #popup-image,#popup:not(.loaded) #popup-image-container #popup-grid{opacity:0}#popup:not(.can-hover) #popup-image-container{pointer-events:none}#popup.is-portrait #popup-image-container{height:65.3012048vh}#popup:not(.show),#popup:not(.show) *{pointer-events:none}#popup:not(.show) #popup-bg .popup-layer{transform:translateY(-100%)}#popup:not(.show) #popup-close,#popup:not(.show) #popup-image-container{opacity:0}#popup.show #popup-bg .popup-layer:nth-child(1){transition-delay:.1s}#popup.show #popup-bg .popup-layer:nth-child(2){transition-delay:.2s}#popup.show #popup-image-container{transition-delay:.9s;transition-timing-function:cubic-bezier(.54,.07,.45,.91)}html[data-os=ios] #popup-grid .popup-grid-item,html[data-browser=safari] #popup-grid .popup-grid-item{will-change:unset}html[data-touch=true] #popup-grid{display:none}@media (max-width: 580px){#popup #popup-close{left:50%;transform:translate(-50%);top:20px}#popup #popup-image-container{height:auto;width:calc(100vw - var(--margin) * 2)}#popup-image,#popup-image img{height:auto;width:100%}#popup-grid{display:none}#popup.is-portrait #popup-image-container{height:auto;max-height:75.301205vh;overflow:hidden}#popup.is-portrait #popup-image-container #popup-image img{object-fit:cover;object-position:top}}#header{width:100vw;height:100svh;display:flex;justify-content:center;align-items:flex-start;padding-top:31.2048193svh;box-sizing:border-box}#header #title-mobile{display:none}#header #title-mobile h1,#header #title-mobile p{transition:transform 1s cubic-bezier(.19,1,.22,1)}#header #title-mobile .h2{line-height:.65;margin-bottom:14px;position:relative;left:-.05em;transition-delay:.05s}#header p{opacity:0;transition:transform 1s cubic-bezier(.19,1,.22,1) .5s,opacity 1s cubic-bezier(.19,1,.22,1) .5s;transform:translateY(-100px);text-align:center;max-width:208px;margin:0 auto}#header #header-intro{position:fixed;width:100%;height:100dvh;padding:var(--margin);box-sizing:border-box;top:0;left:0;z-index:9999;pointer-events:none;overflow:hidden;clip-path:url(#)}#header #header-intro .border-image{width:100%;height:100%;z-index:99;position:relative;clip-path:inset(0% .1px .1px .1px round 20px);will-change:clip-path;transition:clip-path 1s cubic-bezier(.6,.14,0,1)}#header #header-intro .border-image img{width:100%;height:100%;object-fit:cover}#header #header-intro .header-intro-colors,#header #header-intro .header-intro-color{width:100%;height:100%;position:absolute;top:0;left:0}#header #header-intro .header-intro-color:nth-child(4){background:#995e06}#header #header-intro .header-intro-color:nth-child(3){background:#ffe0aa}#header #header-intro .header-intro-color:nth-child(2){background:#8e9586}#header #header-intro .header-intro-color:nth-child(1){background:#8b836e}#header #header-intro .header-intro-color:not(:nth-child(1)){transform:translateY(-100%)}html.intro-done #header p{opacity:1;transform:translateY(0)}html.intro-done #header #header-intro{position:absolute;z-index:9;height:100svh}html.intro-done #header #header-intro #header-intro-photo-normal{clip-path:inset(59.8% .1px .1px .1px round 20px)}@media (max-width: 890px){#header{padding-top:calc(31.204819svh + 24px)}}@media (max-width: 740px){#header>p{display:none}#header #title-mobile{display:block;margin:0 auto;opacity:0;transition:transform 1s cubic-bezier(.19,1,.22,1) .5s,opacity 1s cubic-bezier(.19,1,.22,1) .5s;transform:translateY(-100px)}#header #title-mobile h1{font-size:65.5px}#header #title-mobile p{display:block;font-size:15.46px}#header #header-intro{display:flex;align-items:flex-end}#header #header-intro .border-image{transition:height 1s cubic-bezier(.6,.14,0,1)}html.intro-done #header #title-mobile{opacity:1;transform:translateY(0)}html.intro-done #header #header-intro #header-intro-photo-normal{height:38.5svh;clip-path:inset(0% .1px .1px .1px round 20px)}}@media (max-width: 580px){#header{padding-top:calc(31.204819svh - 27px);transition:height 1s cubic-bezier(.6,.14,0,1)}#header #title-mobile p{max-width:178px;line-height:13px}}#work #work-title{display:flex;flex-direction:column;align-items:center;padding-top:208px;padding-bottom:75px;text-align:center}#work #work-title h1{max-width:295px;line-height:.95}#work #work-title h1 .line{height:.95em}#work #work-title h1 .line:not(:last-child){margin-bottom:-.2em}#work #work-title h2{text-transform:uppercase;line-height:.67;margin-top:10px;margin-bottom:36px}#work #work-title h2 .line{height:.67em}#work #work-title h2 .line .text{top:0}#work #work-title p{max-width:476px;margin-top:0;margin-bottom:0}#work #images{margin:0 var(--margin)}#work #images .row{width:100%}#work #images .row .row-info{width:100%;display:flex;justify-content:flex-end;margin-bottom:30px}#work #images .row .row-info span{text-transform:uppercase}#work #images .row .row-info span:nth-child(1){width:var(--column);margin-right:var(--gap)}#work #images .row .row-info span:nth-child(2){width:calc(var(--column) * 2 + var(--gap))}#work #images .row .row-items{display:flex;align-items:flex-start;gap:0 var(--gap)}#work #images .row .row-items .row-item{width:calc(var(--column) * var(--columns) + var(--gap) * (var(--columns) - 1));cursor:pointer;flex-shrink:0}#work #images .row:nth-child(2n) .row-info{flex-direction:row-reverse;text-align:right}#work #images .row:nth-child(2n) .row-info span:nth-child(1){margin-left:var(--gap);margin-right:0}#work #images .row:not(:last-child){margin-bottom:90px}#work #images .row[data-align=left] .row-items{justify-content:flex-start}#work #images .row[data-align=right] .row-items{justify-content:flex-end}@media (max-width: 580px){#work #work-title{padding-top:116px;padding-bottom:50px}#work #work-title h1{font-size:40.49px}#work #work-title h2{font-size:106px}#work #work-title p{max-width:323px}#work #images .row .row-info{margin-bottom:17px;justify-content:flex-start}#work #images .row .row-info span:nth-child(1){text-align:right}#work #images .row .row-items{flex-wrap:wrap;gap:20px var(--gap)}#work #images .row:nth-child(2n) .row-info{width:100%;display:flex;justify-content:flex-end;margin-bottom:17px;flex-direction:row}#work #images .row:nth-child(2n) .row-info span:nth-child(1){text-align:right;margin-right:var(--gap);margin-left:0}#work #images .row:nth-child(2n) .row-info span:nth-child(2){width:var(--column);text-align:left}#work #images .row:not(:last-child){margin-bottom:80px}}#footer{display:flex;justify-content:space-between;padding-top:142px;padding-bottom:40px;padding-left:var(--margin);padding-right:var(--margin);font-size:15.46px}#footer a{position:relative}#footer a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0% 100%;will-change:transform;transition:transform 1s cubic-bezier(.35,.42,0,1)}#footer a:hover:after{transform:scaleX(1)}#footer #footer-left{display:flex}#footer #footer-left span{width:calc(var(--column) * 3 + var(--gap) * 2);display:inline-block;margin-right:var(--gap)}#footer #footer-right{display:flex;justify-content:space-between;width:calc(var(--column) * 4 + var(--gap) * 3)}#footer #footer-right a{display:inline-block}@media (max-width: 580px){#footer{flex-direction:column;padding-bottom:20px;padding-top:106px}#footer #footer-left,#footer #footer-right{width:100%}#footer #footer-left{flex-direction:row-reverse;justify-content:space-between;margin-bottom:14px;align-items:flex-start}html[data-touch=true] #footer #footer-left>a:after{transform:scaleX(1)}#footer #footer-left span{width:calc(var(--column) * 3 + var(--gap) * 2);margin-right:0;margin-left:auto}#footer #footer-right{display:flex;justify-content:space-between}#footer #footer-right a:nth-child(2){width:calc(var(--column) * 3 + var(--gap) * 2);margin-right:0;margin-left:auto}}