/* Amneet The Curator, Concept 3 */
@font-face{font-family:"Display";src:url(fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Display";src:url(fonts/cormorant-garamond-latin-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Display";src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Display";src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Text";src:url(fonts/crimson-pro-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Text";src:url(fonts/crimson-pro-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Text";src:url(fonts/crimson-pro-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{--bg:#fbf8f5;--ink:#141210;--soft:#7d756c;--blush:#efe3dd;--dark:#3a332b;--pad:32px;--d:"Display",Georgia,serif;--t:"Text",Georgia,serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.4 var(--t);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
em{font-style:italic}
.dsp{font-family:var(--d);font-weight:300;font-size:46px;line-height:1.02;letter-spacing:-.005em;margin:0}
.dsp em{font-weight:300}
.lab{font-family:var(--t);font-size:12px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5}
.lk{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;transition:opacity .25s}
.lk:hover{opacity:.6}
.u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* announcement + header */
.ann{background:var(--dark);color:#f3ede6;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);height:30px;font-size:15px}
.ann-r{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hd{position:sticky;top:0;z-index:50;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);background:rgba(251,248,245,.97);backdrop-filter:blur(6px);transition:height .3s}
.hd-l,.hd-r{display:flex;gap:28px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hd-r{justify-content:flex-end}
.hd-l a,.hd-r a{padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.hd-l a:hover,.hd-r a:hover,.hd-l a.on,.hd-r a.on{border-bottom-color:currentColor}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1}
.logo-a{font-family:var(--d);font-weight:400;font-size:24px;letter-spacing:.32em;padding-left:.32em}
.logo-b{font-size:8.5px;letter-spacing:.42em;padding-left:.42em;margin-top:5px}
.burger,.hd-m,.mnav{display:none}

/* hero */
.hero{position:relative;height:calc(100vh - 102px);min-height:560px;overflow:hidden;color:#fff}
.hero-m{position:absolute;inset:0}
.hero-m img,.hero-m video{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 55%,rgba(0,0,0,0));pointer-events:none}
.hero-t{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);z-index:2;max-width:560px}
.hero-t .dsp{font-size:52px}
.hero-s{margin-top:16px;font-size:18px;line-height:1.35;max-width:380px}
.hero-l{display:flex;gap:30px;margin-top:34px}
.hero-s2{height:72vh;min-height:480px}

/* statement */
.stm{padding:72px var(--pad) 90px;display:grid;grid-template-columns:150px 1fr;gap:0 10px;max-width:1180px}
.stm-l{padding-top:12px}
.stm-t{font-size:46px;line-height:1.08}
.stm-sm{display:block;max-width:none;text-align:center;padding:24px var(--pad) 80px;font-size:18px}
.cr{display:grid;gap:6px}
.cr .lab{margin-right:8px;color:var(--soft)}

/* tabs row */
.tr{padding:0 var(--pad) 70px;position:relative}
.tr-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.tr-tabs{display:flex;gap:28px}
.tr-tabs button{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#b3aaa0;padding-bottom:5px;border-bottom:1px solid transparent}
.tr-tabs button.on{color:var(--ink)}
.tr-p{display:none}.tr-p.on{display:block}
.tr-t{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.tr-t::-webkit-scrollbar{display:none}
.tr-t>*{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start}
.ar{display:flex;justify-content:flex-end;gap:16px;margin-top:18px}
.ar svg{width:7px;height:11px;fill:none;stroke:currentColor;stroke-width:1.2}
.ar button{padding:6px}
.ar button:disabled{opacity:.3;cursor:default}
.ar-c{justify-content:center;margin-top:20px}

/* cards */
.c{display:block}
.c-f{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;background:#ece6df}
.c-f img,.c-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-alt{position:absolute;inset:0;opacity:0;transition:opacity .45s}
.c-q{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;text-shadow:0 1px 10px rgba(0,0,0,.35)}
@media(hover:hover){.c:hover .c-alt,.c:hover .c-q{opacity:1;transform:none}}
.c-t{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:16px}
.c-s{display:block;font-size:15px;color:var(--soft);font-style:italic}

/* as seen in */
.sn{text-align:center;padding:90px 0 100px}
.sn-m{overflow:hidden;margin:36px 0 50px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sn-tr{display:flex;align-items:center;gap:90px;width:max-content;animation:sn 40s linear infinite;padding-right:90px}
.sn-tr img{width:auto;opacity:.85}
@keyframes sn{to{transform:translateX(-50%)}}
.sn-q{position:relative;min-height:130px;max-width:720px;margin:0 auto;padding:0 var(--pad)}
.sn-q blockquote{position:absolute;inset:0;margin:0;font-size:34px;line-height:1.2;opacity:0;transition:opacity .6s}
.sn-q blockquote.on{opacity:1;position:relative}
.sn-a{margin-top:18px;font-size:11px}

/* split (image half + text half) */
.sp{display:grid;grid-template-columns:1fr 1fr;min-height:890px}
.sp.flip .sp-m{order:2}
.sp-m{position:relative;overflow:hidden;background:#ece6df}
.sp-m>img,.sp-m>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-t{display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 90px}
.sp-t>div{max-width:440px;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:17px;line-height:1.45}
.sp-t .dsp{margin-bottom:12px}
.sp-in{width:208px;aspect-ratio:208/280;overflow:hidden;margin:6px 0 16px;background:#ece6df}
.sp-in img,.sp-in video{width:100%;height:100%;object-fit:cover}
.sp-l{display:flex;gap:28px;justify-content:center;margin-top:16px}
.blush .sp-t,.blushbg{background:var(--blush)}

/* asked first */
.ak{padding:100px var(--pad) 90px}
.ak-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.ak-r{text-align:right}
.ak-n{font-size:26px}
.ak-g{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
.ak-q{font-size:25px;line-height:1.18;font-style:italic;min-height:150px}
.ak-a{font-size:15px;color:var(--soft);margin:18px 0 22px;line-height:1.45}
.ak-l{text-align:center;margin-top:64px}

/* duo */
.duo-m{display:grid;grid-template-columns:1fr 1fr}
.duo-m>div{aspect-ratio:720/909;overflow:hidden;background:#ece6df}
.duo-m img{width:100%;height:100%;object-fit:cover}
.duo-t{display:grid;grid-template-columns:1fr 1fr;padding:30px var(--pad) 120px;gap:40px}
.duo-t>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:470px;font-size:17px;line-height:1.45;padding-left:90px}
.duo-t .lk{margin-top:6px}

/* focus */
.fc{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--pad) 120px;gap:12px}
.fc-m{width:331px;aspect-ratio:331/493;overflow:hidden;margin-bottom:22px}
.fc-m img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.fc-m:hover img{transform:scale(1.03)}
.fc .dsp{font-size:32px}

/* founder */
.fd .sp-t{background:var(--blush)}
.fd-s{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.fd-s.on{opacity:1}
.fd-s img{width:100%;height:100%;object-fit:cover}
.fd-th{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:6px;background:rgba(251,248,245,.92);padding:6px}
.fd-th button{width:44px;height:58px;overflow:hidden;opacity:.55}
.fd-th button.on{opacity:1}
.fd-th img{width:100%;height:100%;object-fit:cover}
.fd-n{font-size:11px;text-align:center;letter-spacing:.1em}

/* journal cards */
.jl{padding:110px var(--pad) 90px}
.jl-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:40px}
.jl-h p{margin-top:16px;font-size:17px;max-width:470px}
.jl-t{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jc{display:block}
.jc-f{display:block;aspect-ratio:347/476;overflow:hidden;background:#ece6df}
.jc-f img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.jc:hover .jc-f img{transform:scale(1.03)}
.jc-m{display:block;font-size:14px;color:var(--soft);margin-top:12px}
.jc-t{display:block;font-size:24px;margin-top:6px}
.jc-d{display:block;font-size:15px;margin-top:8px;line-height:1.4}
.jl-all .jl-t{grid-template-columns:repeat(2,1fr);gap:56px 16px}
.jl-all .jc-f{aspect-ratio:4/5}

/* instagram collage */
.igs{position:relative;height:780px;margin:20px 0 70px;overflow:hidden}
.ig{position:absolute;display:block;overflow:hidden;background:#ece6df}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ig:hover img{transform:scale(1.04)}
.ig0{left:0;top:110px;width:17%;aspect-ratio:3/4}
.ig1{left:14%;top:330px;width:13%;aspect-ratio:3/4}
.ig2{left:38%;top:0;width:16%;aspect-ratio:1/1}
.ig3{left:59%;top:300px;width:7%;aspect-ratio:3/4}
.ig4{left:70%;top:40px;width:20%;aspect-ratio:4/5}
.ig5{left:93%;top:20px;width:10%;aspect-ratio:3/4}
.ig6{left:30%;top:470px;width:11%;aspect-ratio:3/4}
.igs-t{position:absolute;left:50%;top:330px;transform:translateX(-50%);text-align:center}
.igs-t .dsp{font-size:30px}
.igs-t .lab{display:inline-block;margin-top:8px}

/* explore */
.ex{padding:70px var(--pad) 110px;text-align:center}
.ex div{display:flex;justify-content:center;gap:48px;margin-top:20px;flex-wrap:wrap}
.ex .dsp{font-size:34px;transition:opacity .25s}
.ex .dsp:hover{opacity:.55;font-style:italic}

/* collection */
.cl{padding:56px var(--pad) 100px}
.cl-top{display:grid;grid-template-columns:1fr 470px 1fr;gap:40px;align-items:start}
.cl-d{display:grid;gap:16px;font-size:17px;line-height:1.45}
.cl-im{justify-self:end;width:230px;aspect-ratio:1/1;overflow:hidden}
.cl-im img{width:100%;height:100%;object-fit:cover}
.cl-c{list-style:none;margin:-60px 0 0;padding:0;font-family:var(--d);font-size:22px;line-height:1.3;color:var(--soft)}
.cl-c a.on,.cl-c a:hover{color:var(--ink)}
.cl-c sup{font-size:10px;margin-left:3px;font-family:var(--t)}
.cl-fs{margin:44px 0 18px}
.cl-g{display:grid;grid-template-columns:repeat(4,1fr);gap:56px 16px}
.cl-big{grid-column:span 2}
.cl-big .c-f{aspect-ratio:auto;height:100%;min-height:600px}
.cl-big .c-t,.cl-big .c-s{display:none}
.cl-o{position:absolute;left:24px;top:22px;color:#fff;font-size:30px;z-index:2;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.cl-ob{top:auto;bottom:24px;font-size:40px}
.cl-th{position:absolute;right:24px;bottom:24px;width:70px;aspect-ratio:3/4;overflow:hidden;border:4px solid var(--bg);z-index:2}
.cl-th img{position:static;width:100%;height:100%;object-fit:cover}
.cl-i.off{display:none}

/* product page */
.pd{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 102px)}
.pg{display:grid;grid-template-columns:1fr 92px;gap:16px;background:var(--bg)}
.pg-b{position:relative;height:calc(100vh - 102px);min-height:620px;overflow:hidden;background:#ece6df}
.pg-s{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .5s}
.pg-s.on{opacity:1}
.pg-s img,.pg-s video{width:100%;height:100%;object-fit:cover}
.pg-t{display:flex;flex-direction:column;gap:8px;justify-content:center;padding-right:8px}
.pg-t>button{width:70px;aspect-ratio:3/4;overflow:hidden;opacity:.5;transition:opacity .2s}
.pg-t>button.on,.pg-t>button:hover{opacity:1}
.pg-t img{width:100%;height:100%;object-fit:cover}
.pg-n{font-size:11px;letter-spacing:.1em;margin-bottom:6px}
.pg-a{display:flex;gap:14px;margin-top:6px}
.pg-a svg{width:7px;height:11px;fill:none;stroke:currentColor;stroke-width:1.2}
.pi{display:flex;justify-content:center;padding:60px var(--pad) 60px}
.pi-in{width:min(430px,100%)}
.pi-n{font-size:36px}
.pi-p{margin-top:12px;font-size:16px}
.pi-ol{margin-top:36px}
.pi-o{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pi-o a{color:var(--soft);padding-bottom:4px;border-bottom:1px solid transparent}
.pi-o a.on{color:var(--ink);border-bottom-color:var(--ink)}
.pi-o a:hover{color:var(--ink)}
.pi-note{margin-top:28px;font-size:16px;color:var(--soft)}
.pi-cta{margin-top:20px;font-size:13px}
.pi-tabs{margin-top:46px}
.pi-tb{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:16px}
.pi-tb button{font-size:15px;color:#b3aaa0;padding-bottom:3px;border-bottom:1px solid transparent}
.pi-tb button.on{color:var(--ink);border-bottom-color:var(--ink)}
.pi-tp{display:none;font-size:16px;line-height:1.5}
.pi-tp.on{display:grid;gap:12px}
.pi-tp ul,.pi-tp ol{margin:0;padding-left:18px}
.pi-pw{margin-top:56px}
.pi-pw .dsp{font-size:24px;margin-bottom:16px}
.pi-pw>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px}
.pw{display:flex;flex-direction:column;gap:6px}
.pw-f{aspect-ratio:3/4;overflow:hidden;background:#ece6df}
.pw-f img{width:100%;height:100%;object-fit:cover}
.pw-p{color:var(--soft);font-size:13px}
.fx{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:80px var(--pad) 80px;background:#fff}
.fx .dsp{font-size:24px;margin-bottom:6px}
.fx p:last-child{font-size:15px;line-height:1.4}
.ps{text-align:center;padding:100px var(--pad) 90px}
.ps .dsp{font-size:52px;margin-bottom:46px}
.ps-m{max-width:1060px;margin:0 auto;aspect-ratio:1060/700;overflow:hidden}
.ps-m img{width:100%;height:100%;object-fit:cover}
.ps-c{margin:30px auto 0;max-width:440px;font-size:17px}
.lc{display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:center;background:var(--blush);padding:100px var(--pad)}
.lc-t{display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.45}
.lc-t .dsp{font-size:44px}
.lc-t .sp-l{justify-content:flex-start}
.lc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lc-g figure{margin:0}
.lc-g img{width:100%;aspect-ratio:3/4;object-fit:cover}
.lc-g figcaption{margin-top:12px}

/* FAQ */
.qa{display:grid;grid-template-columns:440px 1fr;gap:60px;padding:70px var(--pad) 120px}
.qa-n{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:18px}
.qa-n nav{display:flex;flex-direction:column;gap:4px;margin-top:16px;font-family:var(--d);font-size:22px;color:var(--soft)}
.qa-n nav a.on,.qa-n nav a:hover{color:var(--ink)}
.qa-e{margin-top:16px;display:flex;gap:14px;align-items:baseline}
.qa-g{padding-bottom:60px;scroll-margin-top:110px}
.qa-g .lab{margin-bottom:12px}
.qa details{border-top:1px solid #e3dcd4}
.qa details:last-child{border-bottom:1px solid #e3dcd4}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary .dsp{font-size:25px;line-height:1.2}
.qa summary i{position:relative;width:12px;height:12px;flex:0 0 auto}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
.qa summary i::after{transform:rotate(90deg);transition:transform .25s}
.qa details[open] summary i::after{transform:none}
.qa details p{font-size:17px;line-height:1.5;padding:0 40px 24px 0;max-width:720px}

/* contact */
.ct{min-height:calc(100vh - 102px)}
.ct .sp-t>div{max-width:470px;align-items:stretch;text-align:left}
.ct .dsp{text-align:left}
.ct-f{margin-top:20px}
.ct-f label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.ct-f input,.ct-f select,.ct-f textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(20,18,16,.35);border-radius:0;padding:6px 0;outline:0;-webkit-appearance:none;appearance:none}
.ct-f select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141210'/%3E%3C/svg%3E") no-repeat right 2px center;padding-right:18px}
.ct-f textarea{min-height:70px;resize:vertical}
.ct-f .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ct-f .fs{display:none}.ct-f .fs.on{display:block}
.ct-f .hidden{display:none}
.ct-f .send{margin-top:8px;font-size:13px}
.thanks{display:none}

/* wide */
.wide{padding:0 var(--pad) 100px}
.wide video{width:100%;aspect-ratio:16/8;object-fit:cover}

/* legal */
.lg{padding:70px var(--pad) 110px}
.lg article{max-width:680px;margin:0 auto;font-size:17px;line-height:1.55}
.lg h1{text-align:center}
.lg .upd{text-align:center;color:var(--soft);margin:12px 0 50px;font-style:italic}
.lg h2{font-family:var(--t);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin:36px 0 10px}
.lg p+p{margin-top:12px}
.lg a{text-decoration:underline;text-underline-offset:3px}

/* footer */
.ft{position:relative;padding:280px var(--pad) var(--pad);overflow:hidden}
.ft-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ft-p{position:relative;background:rgba(251,248,245,.86);backdrop-filter:blur(8px);padding:30px 26px 22px}
.ft-g{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:30px}
.ft-g>div{display:flex;flex-direction:column;gap:5px;font-size:15px}
.ft-g a:hover{text-decoration:underline;text-underline-offset:3px}
.ft-h{font-family:var(--d);font-size:26px;margin-bottom:12px}
.ft-nl p{font-size:15px;line-height:1.4}
.ft-nl .lab{margin-top:14px;font-size:11px}
.ft-f{display:flex;border-bottom:1px solid var(--ink);margin-top:10px}
.ft-f input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:12px;letter-spacing:.16em;padding:10px 0;color:var(--ink)}
.ft-f input::placeholder{color:var(--ink)}
.ft-f button{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.ft-b{display:flex;gap:40px;margin-top:70px;font-size:13px}
.ft-web{margin-left:auto}

/* password gate */
.gate{display:none}
html.locked,html.locked body{overflow:hidden !important}
html.locked body>*:not(.gate){visibility:hidden !important}
html.locked .gate{display:flex;position:fixed;inset:0;z-index:9999;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;overflow-y:auto}
.gate-logo{font-family:var(--d);font-size:26px;letter-spacing:.32em;padding-left:.32em;text-transform:uppercase}
.gate-k{font-family:var(--d);font-style:italic;font-weight:300;font-size:40px;margin-top:50px}
.gate-t{max-width:470px;font-size:17px;line-height:1.5;margin-top:16px}
.gate-f{margin-top:44px;width:min(320px,100%)}
.gate-f label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-align:left}
.gate-f input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);outline:0;font:inherit;font-size:17px;padding:8px 0;margin-top:6px;background:transparent}
.gate-f button{margin-top:26px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.gate-e{min-height:20px;margin-top:12px;font-size:15px;font-style:italic;color:#8a2e2e}
.gate-by{margin-top:36px;font-size:13px;color:var(--soft)}

/* ---------- narrower laptops ---------- */
@media(max-width:1200px){
 .hd-l,.hd-r{gap:18px;font-size:11px}
 .stm-t{font-size:40px}
 .sp-t{padding:70px 50px}
 .cl-top{grid-template-columns:1fr 1.4fr}
 .cl-im{display:none}
 .qa{grid-template-columns:320px 1fr}
 .lc{grid-template-columns:1fr}
}

/* ---------- phone ---------- */
@media(max-width:900px){
 :root{--pad:18px}
 body{font-size:17px}
 .dsp{font-size:36px}
 .ann{height:28px;font-size:13px}
 .ann-r{font-size:9.5px}
 .hd{height:60px;grid-template-columns:40px 1fr 60px}
 .hd-l,.hd-r{display:none}
 .burger{display:block;width:22px;height:14px;position:relative}
 .burger i{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .3s,top .3s}
 .burger i:nth-child(1){top:3px}.burger i:nth-child(2){top:10px}
 .m-open .burger i:nth-child(1){top:7px;transform:rotate(45deg)}.m-open .burger i:nth-child(2){top:7px;transform:rotate(-45deg)}
 .logo-a{font-size:19px}.logo-b{font-size:7.5px}
 .hd-m{display:block;justify-self:end;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
 .mnav{display:block;position:fixed;left:0;right:0;bottom:0;top:60px;background:var(--bg);z-index:49;transform:translateX(-100%);transition:transform .35s ease;overflow-y:auto}
 .m-open .mnav{transform:none}
 .mnav-in{display:flex;flex-direction:column;gap:8px;padding:30px 18px 40px;font-family:var(--d);font-size:34px;font-weight:300;line-height:1.15}
 .mnav-s{display:flex;flex-direction:column;gap:8px;margin-top:34px;font-family:var(--t);font-size:13px;letter-spacing:.14em;text-transform:uppercase}

 .hero{height:calc(100svh - 88px);min-height:0}
 .hero::after{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 60%)}
 .hero-t{top:auto;bottom:40px;transform:none;right:18px}
 .hero-t .dsp{font-size:40px}
 .hero-s2{height:70svh}
 .stm{grid-template-columns:1fr;padding:56px 18px 64px;gap:14px}
 .stm-l{padding:0}
 .stm-t{font-size:32px}
 .tr{padding:0 18px 56px}
 .tr-h{flex-direction:column;align-items:flex-start;gap:16px}
 .tr-t{gap:10px}
 .tr-t>*{flex-basis:66%}
 .sn{padding:64px 0 72px}
 .sn-tr{gap:56px}
 .sn-tr img{transform:scale(.8)}
 .sn-q blockquote{font-size:26px}
 .sp,.sp.flip{grid-template-columns:1fr;min-height:0}
 .sp.flip .sp-m{order:0}
 .sp-m{aspect-ratio:4/5}
 .sp-t{padding:56px 22px 64px}
 .ak{padding:64px 18px}
 .ak-h{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}
 .ak-r{text-align:left}
 .ak-g{grid-template-columns:1fr;gap:40px}
 .ak-q{min-height:0;font-size:25px}
 .duo-m{grid-template-columns:1fr 1fr;gap:0}
 .duo-t{grid-template-columns:1fr;padding:24px 18px 72px;gap:16px}
 .duo-t>div{padding-left:0}
 .fc{padding:0 18px 72px}
 .fc-m{width:68%}
 .fd-m{aspect-ratio:4/5}
 .jl{padding:64px 18px}
 .jl-h{flex-direction:column;align-items:flex-start;gap:20px}
 .jl-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px}
 .jl-t>*{flex:0 0 72%;scroll-snap-align:start}
 .jl-all .jl-t{display:grid;grid-template-columns:1fr;gap:44px}
 .igs{height:560px}
 .ig0{width:34%;top:40px}.ig1{width:26%;left:6%;top:300px}.ig2{width:30%;left:40%;top:0}.ig3{display:none}.ig4{width:36%;left:64%;top:120px}.ig5{display:none}.ig6{width:24%;left:44%;top:380px}
 .igs-t{top:250px;width:80%}
 .ex{padding:48px 18px 72px}
 .ex div{flex-direction:column;gap:12px}
 .ex .dsp{font-size:30px}
 .cl{padding:36px 18px 72px}
 .cl-top{grid-template-columns:1fr;gap:20px}
 .cl-c{margin:24px 0 0;display:flex;gap:18px;flex-wrap:wrap;font-size:20px}
 .cl-g{grid-template-columns:1fr 1fr;gap:36px 10px}
 .cl-big{grid-column:1/-1}
 .cl-big .c-f{min-height:0;aspect-ratio:4/5}
 .cl-ed{grid-column:1/-1}
 .cl-ed .c-f{aspect-ratio:4/5}
 .c-t{flex-direction:column;gap:2px;font-size:15px}
 .pd{grid-template-columns:1fr;min-height:0}
 .pg{grid-template-columns:1fr;gap:0}
 .pg-b{height:auto;min-height:0;aspect-ratio:4/5}
 .pg-t{flex-direction:row;justify-content:flex-start;align-items:center;padding:10px 18px;gap:8px;overflow-x:auto}
 .pg-t>button{width:44px;flex:0 0 auto}
 .pg-n{margin:0 6px 0 0}
 .pg-a{display:none}
 .pi{padding:28px 18px 40px}
 .pi-n{font-size:34px}
 .fx{grid-template-columns:1fr 1fr;padding:56px 18px;gap:28px 18px}
 .ps{padding:64px 18px}
 .ps .dsp{font-size:36px;margin-bottom:28px}
 .ps-m{aspect-ratio:4/5}
 .lc{padding:64px 18px;gap:36px}
 .lc-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}
 .lc-g figure{flex:0 0 66%}
 .qa{grid-template-columns:1fr;gap:20px;padding:40px 18px 80px}
 .qa-n{position:static}
 .qa-n nav{flex-direction:row;flex-wrap:wrap;gap:4px 16px;font-size:19px}
 .qa summary .dsp{font-size:22px}
 .ct-f .row2{grid-template-columns:1fr;gap:0}
 .wide{padding:0 18px 64px}
 .wide video{aspect-ratio:4/5}
 .lg{padding:44px 18px 80px}
 .ft{padding:220px 12px 12px}
 .ft-g{grid-template-columns:1fr 1fr;gap:30px 18px}
 .ft-nl{grid-column:1/-1}
 .ft-b{flex-wrap:wrap;gap:10px 20px;margin-top:40px}
 .ft-web{margin-left:0}
 .gate-logo{font-size:19px}
 .gate-k{font-size:32px}
}
@media(min-width:901px){.tr-t:has(>:nth-child(3):last-child)>*{flex-basis:calc((100% - 32px)/3)}}