/* The entry page gives both creative disciplines equal space. */
.nhn-gateway{background:#102b24;color:#f3f0e8}
.gateway-shell{--gateway-admin-height:0px;display:flex;flex-direction:column;min-height:640px;height:calc(100svh - var(--gateway-admin-height));overflow:hidden}
.admin-bar .gateway-shell{--gateway-admin-height:32px}
.gateway-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 3.7%;height:104px;flex:none;background:#102b24}
.gateway-brand{font-size:49px;line-height:1;letter-spacing:-5px;font-weight:800;text-decoration:none}.gateway-brand span{color:#c2a46f}
.gateway-heading{text-align:center}.gateway-heading>span{font-size:8px;letter-spacing:2px;color:#c2a46f}.gateway-heading h1{font-family:Georgia,serif;font-size:clamp(17px,1.7vw,25px);font-weight:400;font-style:italic;letter-spacing:-.3px;margin-top:8px}
.gateway-edition{font-size:10px;letter-spacing:2px;min-width:70px;text-align:right;color:#c2a46f}
.gateway-panels{display:flex;position:relative;flex:1;min-height:0;isolation:isolate}
.gateway-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;padding:30px 4.3% 35px;overflow:hidden;color:#fbf9f2;text-decoration:none;isolation:isolate;transition:flex .8s cubic-bezier(.22,1,.36,1)}
.gateway-panel+.gateway-panel{border-left:1px solid rgba(194,164,111,.32)}
.gateway-image,.gateway-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;transition:transform 1.3s cubic-bezier(.22,1,.36,1),filter .8s ease}
.gateway-photo .gateway-image{object-position:50% 40%;filter:brightness(.9)}
.gateway-design .gateway-image{object-position:50% 38%}
.gateway-shade{z-index:-1;background:linear-gradient(180deg,rgba(5,20,16,.2),transparent 36%,rgba(5,20,16,.3) 60%,rgba(5,20,16,.93) 100%)}
.gateway-design .gateway-shade{background:linear-gradient(180deg,rgba(5,20,16,.25),transparent 40%,rgba(5,20,16,.28) 62%,rgba(5,20,16,.95) 100%)}
.gateway-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:1.8px;font-weight:500}
.gateway-corner{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(243,240,232,.45);border-radius:50%;font-size:24px;line-height:1;color:#f3f0e8;transition:background .4s,color .4s,transform .4s}
.gateway-panel-content{margin-top:130px;max-width:100%;animation:gateway-arrive 1s cubic-bezier(.22,1,.36,1) both}.gateway-design .gateway-panel-content{animation-delay:.12s}
.gateway-panel-content p{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#e7dfce;margin:0 0 17px}
.gateway-panel h2{display:flex;flex-direction:column;gap:2px;font-size:clamp(40px,5.7vw,92px);line-height:.91;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}.gateway-panel h2>span:first-child{font-size:.47em;letter-spacing:.04em;line-height:1.2;font-weight:400}
.gateway-photo-title{font-family:Georgia,serif;font-style:italic;font-weight:400}.gateway-panel h2 .gateway-design-title{font-size:.58em;line-height:1.15;letter-spacing:-.055em;white-space:nowrap}
.gateway-enter{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(243,240,232,.4);padding-top:17px;font-size:11px;letter-spacing:.5px}.gateway-enter>span:last-child{font-size:23px;color:#c2a46f;transition:transform .4s}
.gateway-ampersand{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(194,164,111,.7);border-radius:50%;background:#102b24;color:#c2a46f;font:italic 29px Georgia,serif;pointer-events:none;transition:opacity .4s}
.gateway-footer{height:57px;flex:none;padding:0 3.7%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1px}.gateway-footer>span{color:#b8c4bc}.gateway-footer p{font-family:Georgia,serif;font-size:13px;letter-spacing:0;font-style:italic;color:#c2a46f;margin:0}.gateway-footer a{font-size:10px;letter-spacing:0}.gateway-footer a span{margin-left:16px;color:#c2a46f;font-size:16px}
.gateway-panel:focus-visible{outline:3px solid #c2a46f;outline-offset:-6px}.gateway-panel:focus-visible .gateway-corner{background:#c2a46f;color:#102b24}
@media(hover:hover) and (pointer:fine){.gateway-panels:has(.gateway-panel:hover) .gateway-panel:hover{flex:1.13}.gateway-panels:has(.gateway-panel:hover) .gateway-panel:not(:hover){flex:.87}.gateway-panels:hover .gateway-ampersand{opacity:0}.gateway-panel:hover .gateway-image{transform:scale(1.045)}.gateway-panel:hover .gateway-corner{background:#c2a46f;color:#102b24;border-color:#c2a46f;transform:rotate(45deg)}.gateway-panel:hover .gateway-enter>span:last-child{transform:translate(4px,-4px)}}
@keyframes gateway-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.gateway-panel{padding-left:6%;padding-right:6%}.gateway-panel-content p{font-size:19px}.gateway-enter{font-size:12px}}
@media(max-width:782px){.admin-bar .gateway-shell{--gateway-admin-height:46px}}
@media(max-width:680px){.gateway-shell{min-height:690px}.gateway-header{height:86px;padding:15px 22px;gap:18px}.gateway-brand{font-size:39px;letter-spacing:-4px}.gateway-heading{flex:1;text-align:right}.gateway-heading>span{font-size:6px;letter-spacing:1px}.gateway-heading h1{font-size:16px;max-width:220px;margin-left:auto;line-height:1.3;margin-top:5px}.gateway-edition{display:none}.gateway-panels{flex-direction:column}.gateway-panel{padding:18px 25px 22px;min-height:0}.gateway-panel+.gateway-panel{border-left:0;border-top:1px solid rgba(194,164,111,.5)}.gateway-panel-top{font-size:7px;letter-spacing:1.5px}.gateway-corner{width:28px;height:28px;font-size:18px}.gateway-panel-content{margin-top:25px}.gateway-panel-content p{display:none}.gateway-panel h2{font-size:45px;gap:0;margin-bottom:12px}.gateway-panel h2>span:first-child{font-size:18px}.gateway-panel h2 .gateway-design-title{font-size:27px}.gateway-enter{font-size:9px;padding-top:10px}.gateway-enter>span:last-child{font-size:17px}.gateway-photo .gateway-image{object-position:50% 35%}.gateway-design .gateway-image{object-position:50% 34%}.gateway-design .gateway-shade{background:linear-gradient(180deg,rgba(5,20,16,.2),transparent 22%,rgba(5,20,16,.5) 63%,rgba(5,20,16,.94) 100%)}.gateway-photo .gateway-shade{background:linear-gradient(90deg,rgba(5,20,16,.72),rgba(5,20,16,.04)),linear-gradient(0deg,rgba(5,20,16,.75),transparent 70%)}.gateway-ampersand{width:34px;height:34px;font-size:20px;top:50%}.gateway-footer{height:52px;padding:0 22px;gap:12px}.gateway-footer>span{font-size:6px;max-width:115px;line-height:1.7}.gateway-footer p{display:none}.gateway-footer a{font-size:9px}}
@media(prefers-reduced-motion: reduce) and (max-width: 1px){.gateway-panel,.gateway-image,.gateway-corner,.gateway-enter>span:last-child,.gateway-ampersand{transition:none}.gateway-panel-content{animation:none}}