@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=DM+Sans:wght@300;400;500&family=Manrope:wght@200;300;400&family=Noto+Sans+JP:wght@300;400&family=Quicksand:wght@400;500&display=swap');
:root{--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(1.15rem,3.4vw,4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit;color:inherit}.section-space{padding:clamp(6rem,12vw,12rem) var(--pad)}.section-label,.concept-credit,.scroll-cue{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase}.concept-header{position:fixed;z-index:20;inset:0 0 auto;padding:1.25rem var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;mix-blend-mode:difference;color:#fff;text-transform:uppercase}.concept-brand{font-size:.72rem;letter-spacing:.18em}.concept-header nav{display:flex;gap:clamp(1rem,2.4vw,2.5rem);font-size:.53rem;letter-spacing:.15em}.concept-menu{display:none;border:0;background:none;text-transform:uppercase;font-size:.55rem;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(1.6rem);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.concept-cta{min-height:76svh;padding:clamp(6rem,10vw,10rem) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.concept-cta h2{font-size:clamp(4rem,11vw,12rem);font-weight:300;line-height:.72;letter-spacing:-.06em;margin:5rem 0}.concept-cta>a{display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:1rem;text-transform:uppercase;font-size:clamp(1.3rem,2.5vw,2.8rem)}.concept-cta>p:last-child{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.concept-footer{padding:2rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;text-transform:uppercase;font-size:.5rem;letter-spacing:.14em}.concept-footer strong{font-weight:400}.concept-footer a{text-align:right}
.hero-identity{position:absolute;z-index:5;display:flex;align-items:center;gap:.8rem}.hero-identity p{margin:0}.hero-photo-copy{position:absolute;z-index:3;inset:1rem 1rem auto;color:#fff;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.3)}.hero-photo-copy strong,.hero-photo-copy span{display:block}.hero-photo-copy strong{font-size:.65rem;font-weight:400;letter-spacing:.13em}.hero-photo-copy span{margin-top:.35rem;font-size:.44rem;line-height:1.5;letter-spacing:.13em}.hero-photo-copy p{margin:1rem 0 0;font-family:"Noto Sans JP",sans-serif;font-size:.55rem;line-height:1.8;letter-spacing:.02em;text-transform:none}.concept-mark{position:relative;flex:0 0 auto;width:2.55rem;height:2.55rem}.mark-nail i{position:absolute;left:.78rem;top:.2rem;width:.95rem;height:1.85rem;border:1px solid currentColor;border-radius:48% 48% 42% 42% / 30% 30% 18% 18%}.mark-nail i:after{content:"";position:absolute;left:50%;bottom:-.4rem;width:1.25rem;height:1px;background:currentColor;transform:translateX(-50%)}.mark-nail b,.mark-walk b{position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor}.mark-nail b:nth-of-type(1){left:.12rem;top:.35rem}.mark-nail b:nth-of-type(2){right:.02rem;top:1.05rem}.mark-nail b:nth-of-type(3){left:.25rem;bottom:.12rem}.mark-coffee i{position:absolute;left:.42rem;bottom:.22rem;width:1.6rem;height:1.18rem;border:1px solid currentColor;border-top:0;border-radius:0 0 50% 50%}.mark-coffee i:after{content:"";position:absolute;right:-.5rem;top:.15rem;width:.46rem;height:.56rem;border:1px solid currentColor;border-left:0;border-radius:0 50% 50% 0}.mark-coffee b{position:absolute;top:.05rem;width:1px;height:.7rem;background:currentColor;transform:rotate(8deg)}.mark-coffee b:nth-of-type(1){left:.82rem}.mark-coffee b:nth-of-type(2){left:1.42rem}.mark-coffee b:nth-of-type(3){right:.02rem;top:.28rem;width:3px;height:3px;border-radius:50%}.mark-walk i{position:absolute;left:.18rem;top:1.1rem;width:2.05rem;height:1px;background:currentColor;transform:rotate(-17deg)}.mark-walk i:after{content:"";position:absolute;right:0;top:-.18rem;width:.42rem;height:.42rem;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.mark-walk b:nth-of-type(1){left:.12rem;bottom:.18rem}.mark-walk b:nth-of-type(2){left:1rem;top:.42rem}.mark-walk b:nth-of-type(3){right:.02rem;top:.12rem}.mark-walk:after{content:"";position:absolute;left:1.08rem;top:1.03rem;width:.58rem;height:.3rem;border-top:1px solid;transform:skewY(-20deg)}
/* NAIL: detail / space / light */
.nail-site{--paper:#f3f2ee;--ink:#202327;--silver:#9da8b1;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans JP",sans-serif;font-weight:200}.nail-hero{height:100svh;min-height:44rem;padding:6.5rem var(--pad) 2rem;position:relative}.nail-title{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:10%;display:flex;align-items:end;justify-content:space-between}.nail-title h1{margin:0;font-size:clamp(5rem,14vw,15rem);line-height:.66;font-weight:200;letter-spacing:-.07em}.nail-title h1 span{display:block;animation:nailReveal 1.3s var(--ease) both}.nail-title h1 span+span{margin-left:16vw;letter-spacing:.12em}.nail-title p{margin:0 4vw 2rem;font-size:.76rem;line-height:1.8;letter-spacing:.12em}.nail-hero figure{position:absolute;right:7vw;top:11%;width:31vw;height:52vh;max-height:33rem;margin:0;overflow:hidden}.nail-hero img{object-position:52% 50%;filter:saturate(.7) contrast(.92)}.nail-hero figcaption{position:absolute;bottom:.7rem;left:.8rem;color:#fff;font-size:.48rem;letter-spacing:.12em;text-transform:uppercase}.nail-points i{position:absolute;width:3px;height:3px;background:var(--silver);border-radius:50%;opacity:0;animation:pointAppear .8s var(--ease) forwards}.nail-points i:nth-child(1){left:8%;top:28%;animation-delay:.35s}.nail-points i:nth-child(2){left:39%;top:18%;animation-delay:.55s}.nail-points i:nth-child(3){right:9%;top:69%;animation-delay:.8s}.nail-points i:nth-child(4){left:27%;bottom:13%;animation-delay:1s}.nail-points i:nth-child(5){right:46%;top:42%;animation-delay:1.2s}.nail-hero .scroll-cue{position:absolute;right:var(--pad);bottom:2rem}.nail-about{display:grid;grid-template-columns:.55fr 1.2fr .72fr;gap:6vw;align-items:start;border-top:1px solid rgba(32,35,39,.18)}.nail-about h2{font-family:"Noto Sans JP";font-size:clamp(2.5rem,5vw,5.2rem);font-weight:300;line-height:1.35;margin:0}.nail-about>div{padding-top:9rem;font-family:"Noto Sans JP";font-size:.73rem;line-height:2.2}.nail-menu{background:#202327;color:#f3f2ee;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.nail-menu h2,.nail-principles h2{font-size:clamp(3.2rem,7vw,7.2rem);font-weight:200;line-height:.78;letter-spacing:.04em}.nail-menu ol{list-style:none;margin:0;padding:0}.nail-menu li{display:grid;grid-template-columns:3rem 1fr auto;border-top:1px solid rgba(255,255,255,.28);padding:1.6rem 0;align-items:baseline}.nail-menu h3,.nail-menu p{margin:0;font-weight:200;letter-spacing:.12em}.nail-menu small{grid-column:2;font-size:.5rem;letter-spacing:.1em}.nail-principles{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.nail-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:end}.nail-principle-grid article{min-height:25rem;border-top:1px solid rgba(32,35,39,.35);padding-top:1rem;display:grid;grid-template-rows:1fr auto auto auto}.nail-principle-grid i{display:block;position:relative}.point-study:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--silver);left:51%;top:38%}.space-study:before,.space-study:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--ink);top:44%}.space-study:before{left:12%}.space-study:after{right:12%}.balance-study:before{content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid var(--silver);border-radius:50%;left:26%;top:20%}.nail-principle-grid span{font-size:.5rem}.nail-principle-grid h3{font-size:1.15rem;font-weight:200;letter-spacing:.18em;margin:1rem 0}.nail-principle-grid p{font-family:"Noto Sans JP";font-size:.62rem;line-height:1.8}.nail-cta{background:#aab3ba}
/* COFFEE: form / function / process */
.coffee-site{--cream:#eee6d7;--black:#171813;--green:#263a2d;--brown:#8b5d3e;background:var(--cream);color:var(--black);font-family:"DM Sans","Noto Sans JP",sans-serif}.coffee-header .concept-brand{font-weight:500}.coffee-hero{min-height:100svh;padding:6.5rem var(--pad) 3rem;position:relative;display:grid;grid-template-columns:1.05fr .65fr .5fr;grid-template-rows:auto 1fr;gap:2vw;overflow:hidden}.coffee-hero h1{grid-column:1/4;z-index:2;margin:2rem 0 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(7rem,18vw,20rem);line-height:.58;font-weight:600;letter-spacing:-.045em}.coffee-hero h1 span{display:block;animation:coffeeRise 1s var(--ease) both}.coffee-hero h1 span+span{margin-left:21vw}.coffee-statement{align-self:end}.coffee-statement b{font-family:"Barlow Condensed";font-size:clamp(3rem,6vw,6.5rem);line-height:.72}.coffee-statement p{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.coffee-hero figure{height:55vh;max-height:38rem;margin:0;position:relative;overflow:hidden;border-radius:48% 48% 6% 6% / 12% 12% 3% 3%}.coffee-hero img{object-position:center 52%}.coffee-hero figcaption{position:absolute;inset:auto .8rem .8rem;color:#fff;font-size:.48rem;text-transform:uppercase;letter-spacing:.1em}.coffee-vessel{align-self:center;justify-self:center;width:8vw;min-width:4rem;height:38vh;border:1px solid var(--brown);border-radius:50% 50% 12% 12% / 14% 14% 4% 4%}.coffee-about{display:grid;grid-template-columns:.45fr .45fr 1fr .7fr;gap:4vw;align-items:end}.big-index{font-family:"Barlow Condensed";font-size:clamp(8rem,20vw,20rem);line-height:.6;color:var(--brown)}.coffee-about h2{font-family:"Noto Sans JP";font-size:clamp(2.3rem,4.5vw,4.8rem);font-weight:400;line-height:1.35;margin:0}.coffee-about>p:last-child{font-family:"Noto Sans JP";font-size:.72rem;line-height:2}.coffee-types{background:var(--green);color:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.coffee-types h2,.coffee-menu h2,.coffee-visit h2{font-family:"Barlow Condensed";font-size:clamp(4.5rem,10vw,10rem);font-weight:600;line-height:.68;margin:4rem 0}.coffee-types ol{list-style:none;margin:0;padding:0}.coffee-types li{border-top:1px solid rgba(255,255,255,.32);padding:1.5rem 0;display:grid;grid-template-columns:3rem 1fr auto;align-items:baseline}.coffee-types h3{font-family:"Barlow Condensed";font-size:clamp(2.2rem,4vw,4.2rem);font-weight:500;margin:0}.coffee-types p{font-size:.58rem;text-transform:uppercase}.coffee-menu>div{display:grid;grid-template-columns:1fr 1fr;margin-top:5rem}.coffee-menu article{display:grid;grid-template-columns:3rem 1fr auto;border-top:1px solid rgba(23,24,19,.35);padding:1.6rem 0}.coffee-menu article:nth-child(odd){margin-right:3rem}.coffee-menu article:nth-child(even){margin-left:3rem}.coffee-menu h3,.coffee-menu p{margin:0}.coffee-menu h3{font-family:"Barlow Condensed";font-size:1.7rem}.coffee-menu small{font-size:.5rem;text-transform:uppercase}.coffee-process{background:var(--brown);color:var(--cream)}.coffee-process ol{list-style:none;margin:5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.coffee-process li{min-height:27rem;border-left:1px solid rgba(255,255,255,.35);padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.coffee-process b{font-family:"Barlow Condensed";font-size:clamp(7rem,12vw,13rem);font-weight:500;line-height:.7}.coffee-process span{font-family:"Barlow Condensed";font-size:2.2rem}.coffee-visit{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:6vw}.coffee-visit dl{align-self:end}.coffee-visit dl div{border-top:1px solid;padding:1.4rem 0}.coffee-visit dt{font-size:.55rem;text-transform:uppercase}.coffee-visit dd{margin:1rem 0 0;font-family:"Barlow Condensed";font-size:2rem}.coffee-visit>p:last-child{align-self:end;font-size:.55rem;text-transform:uppercase;line-height:1.7}.coffee-footer{background:var(--black);color:var(--cream)}
/* BIRD WALK: flow / route / direction */
.walk-site{--snow:#f3f5f2;--ink:#20272a;--blue:#71838b;--earth:#857766;background:var(--snow);color:var(--ink);font-family:"DM Sans","Noto Sans JP",sans-serif}.walk-hero{height:100svh;min-height:45rem;position:relative;color:#fff;overflow:hidden}.walk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,29,34,.55),transparent 60%)}.walk-hero figure{position:absolute;inset:0;margin:0}.walk-hero img{object-position:center 48%;animation:walkImage 1.6s var(--ease) both}.walk-hero .concept-credit{position:absolute;z-index:2;left:var(--pad);top:7rem}.walk-hero h1{position:absolute;z-index:2;left:var(--pad);bottom:7%;margin:0;font-size:clamp(4.5rem,12vw,13rem);font-weight:300;line-height:.66;letter-spacing:-.055em}.walk-hero h1 span{display:block;animation:walkIn 1.1s var(--ease) both}.walk-hero h1 span+span{margin-left:12vw}.walk-manifesto{position:absolute;z-index:2;right:7%;top:25%;font-size:clamp(1.5rem,3vw,3rem);line-height:.9}.walk-direction i{position:absolute;z-index:2;height:1px;background:rgba(255,255,255,.75);width:13vw;transform:rotate(-12deg);animation:routeGrow 1.2s var(--ease) both}.walk-direction i:nth-child(1){left:7%;top:42%}.walk-direction i:nth-child(2){left:45%;top:33%;animation-delay:.15s}.walk-direction i:nth-child(3){right:3%;top:18%;animation-delay:.3s}.walk-info{padding:2rem var(--pad);display:grid;grid-template-columns:1fr repeat(4,1fr);gap:2vw;border-bottom:1px solid rgba(32,39,42,.25)}.walk-info div{border-left:1px solid;padding-left:1rem}.walk-info span{display:block;font-size:.5rem;text-transform:uppercase}.walk-info strong{display:block;margin-top:1rem;font-weight:400;font-size:.85rem}.walk-about{display:grid;grid-template-columns:.55fr 1.35fr .7fr;gap:6vw;align-items:end}.walk-about h2{font-family:"Noto Sans JP";font-size:clamp(2.5rem,5.5vw,5.8rem);font-weight:300;line-height:1.45;margin:0}.walk-about>div{font-family:"Noto Sans JP";font-size:.7rem;line-height:2}.walk-route{background:#dce3e3;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.walk-route h2,.walk-schedule h2{font-size:clamp(4rem,8vw,8rem);font-weight:300;line-height:.74;letter-spacing:-.045em}.walk-route ol{list-style:none;margin:0;padding:2rem 0}.walk-route li{display:grid;grid-template-columns:3rem 1fr 1fr;align-items:center;min-height:6rem}.walk-route li b{font-size:.5rem}.walk-route li span{font-size:clamp(1.6rem,3vw,3rem)}.walk-route li i{height:1px;background:var(--blue);transform:rotate(-7deg);transform-origin:left}.walk-route li:nth-child(2){margin-left:8%}.walk-route li:nth-child(3){margin-left:17%}.walk-route li:nth-child(4){margin-left:26%}.walk-route li:nth-child(5){margin-left:35%}.walk-schedule{display:grid;grid-template-columns:.5fr .8fr 1.2fr;gap:6vw}.walk-schedule ol{list-style:none;margin:0;padding:0}.walk-schedule li{display:grid;grid-template-columns:6rem 1fr;border-top:1px solid rgba(32,39,42,.3);padding:1.6rem 0;text-transform:uppercase}.walk-schedule time{color:var(--blue)}.walk-bring{background:var(--ink);color:var(--snow);display:grid;grid-template-columns:.6fr 1.4fr .7fr;gap:6vw;align-items:end}.walk-bring ul{list-style:none;margin:0;padding:0}.walk-bring li{font-size:clamp(2.5rem,6vw,6rem);font-weight:300;border-top:1px solid rgba(255,255,255,.25);padding:.5rem 0}.walk-bring>p:last-child{font-size:.55rem;text-transform:uppercase;line-height:1.8}.walk-cta{background:var(--earth);color:var(--snow)}.walk-footer{background:var(--ink);color:var(--snow)}
@keyframes nailReveal{from{clip-path:inset(0 100% 0 0);transform:translateX(-1rem)}to{clip-path:inset(0);transform:none}}@keyframes pointAppear{to{opacity:1}}@keyframes coffeeRise{from{clip-path:inset(100% 0 0);transform:translateY(2rem)}to{clip-path:inset(0);transform:none}}@keyframes walkIn{from{clip-path:inset(0 100% 0 0);transform:translateX(-3rem)}to{clip-path:inset(0);transform:none}}@keyframes routeGrow{from{transform:rotate(-12deg) scaleX(0)}to{transform:rotate(-12deg) scaleX(1)}}@keyframes walkImage{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(max-width:760px){.section-space{padding:6rem var(--pad)}.concept-header{grid-template-columns:1fr auto}.concept-menu{display:block}.concept-header nav{position:fixed;z-index:-1;inset:0;background:#181b1c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;font-size:1.15rem;opacity:0;visibility:hidden;transition:.4s var(--ease)}.concept-header nav.is-open{opacity:1;visibility:visible}.concept-footer{grid-template-columns:1fr auto}.concept-footer span{display:none}.concept-cta{min-height:66svh}.concept-cta h2{font-size:17vw}.nail-title{display:block;bottom:8%}.nail-title h1{font-size:21vw}.nail-title h1 span+span{margin-left:0}.nail-title p{margin:2rem 0 0}.nail-hero figure{width:56vw;height:42vh;right:8%;top:14%}.nail-about,.nail-menu,.nail-principles,.coffee-about,.coffee-types,.coffee-visit,.walk-about,.walk-route,.walk-schedule,.walk-bring{display:block}.nail-about h2{margin:4rem 0}.nail-about>div{padding-top:0}.nail-menu ol,.coffee-types ol{margin-top:4rem}.nail-menu small{display:block;margin-top:2rem}.nail-principles h2{margin:4rem 0}.nail-principle-grid{display:block}.nail-principle-grid article{min-height:17rem;margin-top:2rem}.coffee-hero{min-height:47rem;display:block;padding-top:6rem}.coffee-hero h1{font-size:29vw;margin-top:4rem}.coffee-hero h1 span+span{margin-left:0}.coffee-statement{position:absolute;z-index:2;left:var(--pad);bottom:5%}.coffee-statement b{font-size:15vw}.coffee-hero figure{position:absolute;right:6%;bottom:7%;width:53%;height:48%}.coffee-vessel{display:none}.coffee-about .big-index{display:block;margin:5rem 0 3rem}.coffee-about h2{margin-bottom:3rem}.coffee-types h2,.coffee-menu h2,.coffee-visit h2{font-size:20vw}.coffee-menu>div{display:block}.coffee-menu article:nth-child(n){margin:0}.coffee-process ol{grid-template-columns:1fr 1fr}.coffee-process li{min-height:15rem}.coffee-visit dl{margin:4rem 0}.walk-hero h1{font-size:18vw}.walk-hero h1 span+span{margin-left:0}.walk-manifesto{font-size:1rem;top:28%;right:8%}.walk-info{grid-template-columns:1fr 1fr;padding-top:3rem}.walk-info>p{grid-column:1/3}.walk-info div{min-height:5rem}.walk-about h2{margin:4rem 0}.walk-route h2,.walk-schedule h2{font-size:18vw;margin:4rem 0}.walk-route li:nth-child(n){margin-left:0;grid-template-columns:2.5rem 1fr .7fr}.walk-schedule ol{margin-top:4rem}.walk-bring ul{margin:4rem 0}.walk-bring li{font-size:11vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.nail-site{--nude:#c8aaa6}.nail-hero .hero-identity{left:var(--pad);top:6.4rem;color:#756466}.nail-title h1 span+span{color:#765f63}.nail-hero figure{border-bottom:2px solid var(--nude)}.nail-hero img{filter:saturate(.62) contrast(.9)}.nail-points i{background:var(--nude)}.coffee-hero .hero-identity{left:var(--pad);top:5.6rem;color:var(--brown)}.walk-hero .hero-identity{left:var(--pad);top:6.2rem;color:#fff}.walk-hero .hero-identity .concept-credit{position:static}.walk-hero .hero-photo-copy{left:auto;right:var(--pad);top:6.5rem;text-align:right}
@media(max-width:760px){.hero-photo-copy{inset:.75rem .75rem auto}.hero-photo-copy p{font-size:.48rem;margin-top:.7rem}.concept-mark{width:2.1rem;height:2.1rem;transform:scale(.82);transform-origin:left center}.nail-hero .hero-identity,.coffee-hero .hero-identity,.walk-hero .hero-identity{top:5rem}.nail-hero figure{top:15%}.walk-hero .hero-photo-copy{top:5.5rem;right:var(--pad);left:auto;max-width:48%}}
.nail-site{font-family:Quicksand,"Noto Sans JP",sans-serif}.nail-title h1,.nail-menu h2,.nail-principles h2,.nail-styles h2,.nail-cta h2{font-family:Quicksand,"Noto Sans JP",sans-serif}.nail-styles{background:#e8dedd;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.nail-styles header h2{font-size:clamp(3.5rem,7vw,7.5rem);font-weight:400;line-height:.8;letter-spacing:-.04em;margin:4rem 0}.nail-styles header>p:last-child{font-family:"Noto Sans JP";font-size:.68rem;line-height:2;max-width:23rem}.nail-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.nail-style-grid article{min-height:18rem;border:1px solid rgba(32,35,39,.25);padding:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;gap:.5rem;transition:transform .7s var(--ease),background .7s var(--ease)}.nail-style-grid article:nth-child(even){margin-top:3rem}.nail-style-grid article:hover{transform:translateY(-.25rem);background:rgba(255,255,255,.22)}.nail-style-grid i{grid-column:1/3;align-self:center;justify-self:center;width:3.2rem;height:8.5rem;border:1px solid currentColor;border-radius:50% 50% 42% 42% / 25% 25% 12% 12%;background:rgba(255,255,255,.22);animation:nailTipSettle 1.2s var(--ease) both}.nail-style-grid article:nth-child(2) i{background:linear-gradient(160deg,transparent 30%,rgba(117,95,99,.32),transparent 72%)}.nail-style-grid article:nth-child(3) i{background:linear-gradient(90deg,transparent 48%,#765f63 49%,#765f63 51%,transparent 52%)}.nail-style-grid article:nth-child(4) i{background:#cbb6ad}.nail-style-grid span{font-size:.48rem}.nail-style-grid h3,.nail-style-grid p{margin:0}.nail-style-grid h3{font-weight:500;letter-spacing:.12em}.nail-style-grid p{font-size:.5rem;text-align:right;text-transform:uppercase}@keyframes nailTipSettle{from{opacity:0;transform:translateY(.6rem) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.nail-styles{display:block}.nail-styles header h2{font-size:18vw}.nail-style-grid{margin-top:4rem;gap:.7rem}.nail-style-grid article{min-height:14rem}.nail-style-grid article:nth-child(even){margin-top:1.5rem}.nail-style-grid i{width:2.6rem;height:6.8rem}}
.concept-header .back-works{border-left:1px solid currentColor;padding-left:1rem;opacity:.72}.concept-header .back-works:hover{opacity:1}.nail-style-grid i{animation:nailTipSettle 1.15s var(--ease) both}@keyframes nailTipSettle{0%{opacity:0;transform:translateY(.45rem) scale(.98)}65%{opacity:1;transform:translateY(0) scale(1.02)}100%{opacity:1;transform:none}}
@media(max-width:760px){.concept-header .back-works{border-left:0;border-top:1px solid currentColor;padding:1rem 2rem 0;margin-top:.5rem}.concept-header nav a{min-height:2.5rem;display:flex;align-items:center}}

/* Concept sites: mobile-only title, navigation and horizontal-overflow guard. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  main,section,header,footer,figure,article{min-width:0}
  img{width:100%;max-width:100%}
  .concept-header{padding-left:var(--pad);padding-right:var(--pad)}
  .concept-menu{min-width:3.25rem;min-height:2.75rem;padding:0}
  .concept-header nav{padding:5rem var(--pad);gap:.55rem}
  .concept-header nav a{width:100%;min-height:2.75rem;justify-content:center;font-size:1rem}
  .concept-header .back-works{min-height:3.25rem;padding:1rem 0 0}
  .nail-title h1{font-size:clamp(3.5rem,18vw,5rem);max-width:100%}
  .coffee-hero h1{font-size:clamp(4rem,21vw,5.8rem);max-width:100%}
  .walk-hero h1{font-size:clamp(2.75rem,13.2vw,4.2rem);max-width:calc(100% - 2 * var(--pad));overflow-wrap:anywhere}
  .nail-title,.coffee-statement,.walk-hero h1{left:var(--pad);right:var(--pad)}
  .section-space{overflow:hidden}
  .concept-cta a{min-height:3rem;display:flex;align-items:center;justify-content:space-between;width:100%}
  .concept-footer{gap:1rem;padding-left:var(--pad);padding-right:var(--pad)}
  .concept-footer strong{min-width:0;overflow-wrap:anywhere}
}