/* TOP / Figma 5071:3936. Normal document flow with normalized collage layers. */
.home main{overflow:clip visible}
.top-page{container-type:inline-size;--u:.0520833333cqw;max-width:1920px;margin-inline:auto;position:relative}
.top-page section{position:relative}
.top-page p,.top-page h1,.top-page h2,.top-page h3,.top-page figure{margin:0}
.top-page img{display:block}
.top-art,.top-orb{position:absolute;pointer-events:none}
.top-art{z-index:0}
.top-art>img{width:100%;height:auto;max-width:none}
.top-orb{aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:0}
.top-orb>img{position:absolute;max-width:none;object-fit:cover}
.top-pink{color:var(--pink)}.top-orange{color:var(--orange)}
.top-button{position:relative;display:flex;align-items:center;justify-content:center;width:calc(400 * var(--u));min-height:calc(70 * var(--u));max-width:100%;border-radius:99px;color:white;background:var(--orange);font-size:calc(24 * var(--u));line-height:1.5;letter-spacing:.05em;padding:calc(14 * var(--u)) calc(70 * var(--u));transition:transform .2s,box-shadow .2s;z-index:1}
.top-button:hover{opacity:1;transform:translateY(-3px);box-shadow:0 8px 20px #fd8c2629}
.top-button .top-arrow{position:absolute;right:calc(16 * var(--u));width:calc(40 * var(--u));height:auto}
.top-three-dots{width:calc(50 * var(--u));height:auto;margin-inline:auto}
.top-section-heading{position:relative;text-align:center;z-index:1}
.top-section-heading h2{font-size:calc(128 * var(--u));line-height:1;letter-spacing:.05em;font-weight:700}
.top-section-heading p{font-size:calc(32 * var(--u));line-height:1;margin-top:calc(20 * var(--u))}

.top-hero{aspect-ratio:1920/1080;z-index:3}
.top-hero .top-orb{z-index:1}
.top-person-circle{z-index:1}
.top-person{position:absolute;left:46.822917%;top:5.555556%;width:37.395833%;aspect-ratio:718/912.412;mask-image:url("images/top-684d4.svg");mask-size:100% 100%;mask-repeat:no-repeat;z-index:2}
.top-person>img{position:absolute;left:-2.92479%;top:.876797%;width:121.169916%;height:127.793%;max-width:none;object-fit:cover}
.top-wave-upper{transform:rotate(180deg);z-index:0}
.top-wave-lower{transform:scaleX(-1);z-index:3}
.top-wave-left{z-index:3}
.top-dot-hero-a,.top-dot-hero-b{z-index:4}
.top-hero-leaf{height:calc(219.238 * var(--u))}
.top-hero-leaf>img{position:absolute;left:50%;top:50%;width:62.568%;transform:translate(-50%,-50%) rotate(-17.96deg)}
.top-hero-scissors{height:calc(251.995 * var(--u))}
.top-hero-scissors>img{position:absolute;left:50%;top:50%;width:57.12%;transform:translate(-50%,-50%) rotate(-20.58deg)}
.top-hero-leaf,.top-hero-scissors,.top-hero-dryer{z-index:5}
.top-recruit-sticker{transform:rotate(5.3deg);z-index:5}
.top-handwritten{position:absolute;left:5.3125%;top:47.962963%;width:23.541667%;z-index:5}
.top-handwritten>img{width:100%;height:auto}
.top-headline-brush{transform:rotate(5.8deg);z-index:5}
.top-hero-copy{position:absolute;left:4.6875%;top:63.055556%;z-index:6;white-space:nowrap}
.top-hero-kicker{font-size:calc(36 * var(--u));line-height:1.5;letter-spacing:.05em}
.top-hero-copy h1{margin-top:calc(20 * var(--u));font-size:calc(110 * var(--u));line-height:1;letter-spacing:.05em}
.top-hero-copy h1>span{display:flex;align-items:baseline;line-height:1}
.top-headline-first{gap:0}
.top-headline-first small{font-size:calc(75 * var(--u));margin-left:calc(3 * var(--u))}
.top-headline-second{margin-top:calc(15 * var(--u))}
.top-headline-second small{font-size:calc(75 * var(--u))}
.top-headline-second>span{color:var(--pink)}
.top-hero-copy h1{paint-order:stroke fill;-webkit-text-stroke:calc(9 * var(--u)) var(--cream)}
.top-beauty{position:relative;color:var(--orange)}
.top-beauty-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--orange),var(--yellow));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0}
.top-benefits{position:absolute;left:60.520833%;top:71.018519%;display:flex;gap:calc(15 * var(--u));list-style:none;margin:0;padding:0;z-index:7}
.top-benefits li{position:relative;width:calc(222.549 * var(--u));aspect-ratio:1;color:white;text-align:center}
.top-benefit-bg{position:absolute;inset:0;width:100%;height:auto}
.top-benefit-icon{position:absolute;width:71.38%;height:auto;left:14.38%;top:15.08%}
.top-benefits li:nth-child(2) .top-benefit-icon{width:62.52%;left:18.42%;top:17.32%}
.top-benefits li:nth-child(3) .top-benefit-icon{width:50.82%;left:24.2%;top:18.7%}
.top-benefits li>span{position:absolute;inset:33% 0 auto;font-size:calc(36 * var(--u));line-height:1.15;letter-spacing:.05em}

.top-about{min-height:calc(959 * var(--u));z-index:2}
.top-about-copy{position:relative;width:31.302083%;margin-left:52.552083%;padding-top:calc(137 * var(--u));z-index:1}
.top-eyebrow{font-size:calc(64 * var(--u));line-height:1;color:var(--orange);letter-spacing:.05em}
.top-about h2{font-size:calc(48 * var(--u));line-height:1.5;margin-top:calc(28 * var(--u))}
.top-about h2+p{font-size:calc(20 * var(--u));line-height:2;letter-spacing:.05em;margin-top:calc(41 * var(--u))}
.top-about .top-button{margin-top:calc(49 * var(--u))}
.top-gallery{position:relative;height:calc(518 * var(--u));background:linear-gradient(to bottom,var(--cream) 55%,var(--pale) 55%);z-index:2}
.top-gallery-track{display:flex;gap:calc(38 * var(--u));width:max-content;transform:translateX(calc(-401 * var(--u)))}
.top-gallery-track>div{flex:none;width:calc(690 * var(--u));height:calc(518 * var(--u));overflow:hidden;mask-image:url("images/top-424d3.svg");mask-size:100% 100%;mask-repeat:no-repeat}
.top-gallery-track>div>img{width:100%;height:100%;object-fit:cover}
.top-environment{padding:calc(167 * var(--u)) 0 calc(143 * var(--u));background:var(--pale);border-radius:0 0 calc(50 * var(--u)) calc(50 * var(--u));z-index:1}
.top-environment-heading{position:relative;text-align:center;z-index:1}
.top-environment-heading h2{font-size:calc(64 * var(--u));line-height:1;letter-spacing:.05em}
.top-environment-heading h2 span{color:var(--orange)}
.top-environment-heading .top-three-dots{margin-top:calc(26 * var(--u))}
.top-environment-grid{position:relative;display:grid;grid-template-columns:385fr 385fr 640fr;grid-template-rows:repeat(2,calc(400 * var(--u)));gap:calc(15 * var(--u));width:75%;margin:calc(96 * var(--u)) auto 0;z-index:1}
.top-feature{display:block;background:white;border-radius:calc(20 * var(--u));text-align:center;transition:transform .2s}
.top-feature:hover{opacity:1;transform:translateY(-5px)}
.top-feature:nth-child(3){grid-column:1;grid-row:2}.top-feature:nth-child(4){grid-column:2;grid-row:2}
.top-feature-art{position:relative;overflow:hidden;width:calc(307 * var(--u));height:calc(247 * var(--u));margin-inline:auto}
.top-feature-art>img{position:absolute;width:calc(300 * var(--u));height:calc(300 * var(--u));left:calc(4 * var(--u));top:calc(-27 * var(--u));object-fit:cover}
.top-feature h3{font-size:calc(32 * var(--u));line-height:1.5;margin-top:calc(10 * var(--u));font-weight:700;letter-spacing:.05em}
.top-feature .top-three-dots{margin-top:calc(10 * var(--u))}
.top-schedule{position:relative;grid-column:3;grid-row:1/3;overflow:hidden;border:calc(3 * var(--u)) solid white;border-radius:calc(20 * var(--u));background:var(--orange);color:white}
.top-schedule-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;mix-blend-mode:multiply}
.top-schedule-copy{position:relative;padding:calc(37 * var(--u)) calc(37 * var(--u)) calc(120 * var(--u));z-index:1}
.top-schedule-en{color:var(--yellow);font-size:calc(120 * var(--u));line-height:1.5;letter-spacing:.05em}
.top-schedule h3{font-size:calc(48 * var(--u));line-height:1.5;margin-top:calc(-23 * var(--u))}
.top-schedule .top-three-dots{margin:calc(20 * var(--u)) 0 calc(48 * var(--u))}
.top-schedule-copy>p:not(.top-schedule-en){font-size:calc(20 * var(--u));line-height:2}
.top-schedule>.top-arrow{position:absolute;width:calc(70 * var(--u));height:auto;right:calc(35 * var(--u));bottom:calc(30 * var(--u))}

.top-blog{background:#fff;display:grid;grid-template-columns:calc(220 * var(--u)) minmax(0,1fr);gap:calc(96 * var(--u));padding:calc(175 * var(--u)) 0;min-height:calc(920 * var(--u));padding-left:4.895833%;}
.top-blog-sketch{top:calc(475 * var(--u))!important;aspect-ratio:1034/418}
.top-blog>header{position:relative;z-index:1}
.top-blog h2{font-size:calc(96 * var(--u));line-height:1;color:var(--orange);letter-spacing:.05em}
.top-blog>header>p{font-size:calc(20 * var(--u));line-height:1;margin-top:calc(20 * var(--u))}
.top-blog-content{min-width:0;position:relative;z-index:1}
.top-blog .post-grid{display:flex;gap:calc(45 * var(--u));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0 4.9% calc(10 * var(--u)) 0;min-height:calc(420 * var(--u))}
.top-blog .post-grid::-webkit-scrollbar{display:none}
.top-blog .post-card{flex:0 0 calc(535 * var(--u));scroll-snap-align:start}
.top-blog .post-card>a{display:block}
.top-blog .post-card img{height:auto;border-radius:calc(20 * var(--u));aspect-ratio:535/295}
.top-blog .post-card .post-meta{font-size:calc(16 * var(--u));gap:calc(15 * var(--u));margin-top:calc(15 * var(--u))}
.top-blog .is-blog .post-meta span{background:#fed338}
.top-blog .post-card>a:hover h3{text-decoration:underline;text-underline-offset:4px}
.top-blog .post-meta time{white-space:nowrap}
.top-blog .post-meta span{flex:none;display:grid;place-items:center;height:calc(35 * var(--u));font-size:calc(20 * var(--u));min-width:calc(155 * var(--u));padding:0;line-height:1.75}
.top-blog .post-card h3{font-size:calc(20 * var(--u));line-height:2;margin-top:calc(15 * var(--u))}
.top-blog .empty-state{display:grid;place-items:center;min-height:calc(395 * var(--u));width:100%;margin-right:6%;border:1px solid #f6ead8;border-radius:20px;font-size:max(14px,calc(20 * var(--u)));background:var(--cream)}
.top-blog-footer{display:flex;align-items:center;gap:0;margin-top:calc(80 * var(--u));margin-right:calc(110 * var(--u))}
.top-blog-range{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:calc(10 * var(--u));border:0;border-radius:0;background:var(--cream);cursor:ew-resize;padding:0;margin:0}
.top-blog-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20%;height:calc(10 * var(--u));background:var(--orange);border:0;border-radius:0}
.top-blog-range::-moz-range-thumb{width:20%;height:calc(10 * var(--u));background:var(--orange);border:0;border-radius:0}
.top-blog-range:disabled{opacity:.4;cursor:default}
.top-blog-footer .top-button{flex:none}
.top-works{padding:calc(175 * var(--u)) 0;background:linear-gradient(221.819deg,var(--orange),var(--yellow));border-radius:calc(50 * var(--u));}
.top-works .top-section-heading{color:white}
.top-work-scissors{height:calc(251.995 * var(--u))}.top-work-scissors>img{position:absolute;left:50%;top:50%;width:57.12%;transform:translate(-50%,-50%) rotate(-20.58deg)}
.top-work-leaf{height:calc(219.238 * var(--u))}.top-work-leaf>img{position:absolute;left:50%;top:50%;width:62.568%;transform:translate(-50%,-50%) rotate(-17.96deg)}
.top-work-card{position:relative;display:grid;grid-template-columns:650fr 790fr;width:75%;min-height:calc(500 * var(--u));margin:calc(80 * var(--u)) auto 0;background:white;border-radius:calc(20 * var(--u));overflow:hidden;z-index:1}
.top-work-card:hover{opacity:1;box-shadow:0 10px 40px #b25a1520}
.top-work-card figure{position:relative;overflow:hidden;min-height:calc(500 * var(--u))}
.top-work-card figure>img{position:absolute;width:101.846%;height:110.8%;max-width:none;left:-.769%;top:-5.2%;object-fit:cover;transition:transform .4s}
.top-work-card:hover figure>img{transform:scale(1.035)}
.top-work-copy{padding:calc(99 * var(--u)) calc(114 * var(--u)) calc(70 * var(--u)) calc(76 * var(--u))}
.top-work-number{display:flex;align-items:baseline;gap:calc(5 * var(--u));color:var(--orange);font-size:calc(20 * var(--u));line-height:1}
.top-work-number strong{font-size:calc(64 * var(--u));line-height:1;letter-spacing:.05em}
.top-work-copy h3{font-size:calc(24 * var(--u));line-height:1;margin-top:calc(15 * var(--u))}
.top-work-copy>p:last-child{font-size:max(12px,calc(16 * var(--u)));line-height:2;margin-top:calc(40 * var(--u))}
.top-work-next{position:absolute;right:calc(29 * var(--u));top:calc(209 * var(--u));width:calc(14 * var(--u));height:calc(82 * var(--u));display:grid;place-items:center}
.top-work-next>img{width:calc(82 * var(--u));height:auto;max-width:none;transform:rotate(-90deg)}

.top-interviews{padding:calc(175 * var(--u)) 0 calc(20 * var(--u));}
.top-interviews>header{position:relative;z-index:1;text-align:center}
.top-interviews h2{font-size:calc(64 * var(--u));line-height:1;letter-spacing:.05em}
.top-interviews h2 span{color:var(--orange)}
.top-interviews>header>p{font-size:calc(36 * var(--u));line-height:1;margin-top:calc(19 * var(--u));color:var(--yellow)}
.top-interview-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(45 * var(--u));width:75%;margin:calc(46 * var(--u)) auto 0;padding-bottom:calc(50 * var(--u));z-index:1}
.top-staff{position:relative;display:block;min-width:0;height:calc(650 * var(--u));}
.top-staff:hover{opacity:1}.top-staff:hover .top-staff-photo>img{filter:brightness(1.05)}
.top-staff:nth-child(2){transform:translateY(calc(50 * var(--u)))}
.top-staff-photo{position:relative;width:100%;height:100%;mask-image:url("images/top-8cabe.svg");mask-size:100% 100%;mask-repeat:no-repeat;overflow:hidden}
.top-staff-photo>img{position:absolute;left:-2.222%;top:-5.846%;width:104.667%;height:127.692%;max-width:none;object-fit:cover;transition:filter .2s}
.top-staff-ribbons{position:absolute;top:60.3077%;right:-7.5556%;display:flex;flex-direction:column;align-items:flex-end;gap:calc(8 * var(--u));z-index:2}
.top-staff-ribbons>span{background:var(--cream);font-size:calc(24 * var(--u));line-height:1.5;padding:calc(9 * var(--u)) calc(24 * var(--u));white-space:nowrap;letter-spacing:.05em}
.top-staff-badge{position:absolute;left:0;bottom:0;width:calc(220 * var(--u));aspect-ratio:1;color:white;text-align:center;z-index:3}
.top-staff-badge>img{position:absolute;width:100%;height:auto;inset:0}
.top-staff-badge>span{position:absolute;inset:28.5% 0 auto;font-size:calc(32 * var(--u));line-height:1;letter-spacing:.05em}
.top-staff-badge strong{display:block;font-size:calc(64 * var(--u));line-height:1;margin-top:calc(15 * var(--u));font-weight:700}
.top-interviews>.top-button{margin:calc(80 * var(--u)) auto 0}
.top-message{padding:calc(155 * var(--u)) 0 calc(89 * var(--u));}
.top-message .top-section-heading h2{color:var(--orange)}
.top-message-grid{position:relative;display:grid;grid-template-columns:549fr 800fr;gap:calc(91 * var(--u));width:75%;margin:calc(100 * var(--u)) auto 0;z-index:1}
.top-message-grid>figure{position:relative;min-height:calc(734 * var(--u));overflow:hidden;border-radius:calc(20 * var(--u))}
.top-message-grid>figure>img{position:absolute;left:-55.738%;top:-1.771%;width:245.537%;height:103.406%;max-width:none;object-fit:cover}
.top-message-copy{padding-top:calc(47 * var(--u))}
.top-message-copy h3{font-size:calc(24 * var(--u));line-height:2;letter-spacing:.05em;white-space:nowrap}
.top-message-body{font-size:max(12px,calc(16 * var(--u)));line-height:2;letter-spacing:.05em;margin-top:calc(20 * var(--u))}
.top-message-body p+p{margin-top:calc(32 * var(--u))}.top-message-body p:nth-child(4){margin-top:0}
.top-message-signature{font-size:calc(16 * var(--u));line-height:2;text-align:right;margin-top:calc(30 * var(--u))!important}
.top-message-links{display:flex;align-items:center;gap:calc(20 * var(--u));margin-top:calc(65 * var(--u))}
.top-message-links a{display:flex;align-items:center;gap:calc(14 * var(--u));font-size:calc(32 * var(--u));line-height:1;white-space:nowrap;color:var(--orange)}
.top-message-links a:last-child{color:var(--pink)}
.top-message-links img{width:calc(55 * var(--u));height:auto}
.top-watermark{position:absolute;left:calc(-1324 * var(--u));font-size:calc(200 * var(--u));line-height:1;letter-spacing:.05em;color:var(--yellow);opacity:.1;white-space:nowrap;pointer-events:none;z-index:0}
.top-watermark-a{top:calc(55 * var(--u))}.top-watermark-b{bottom:0}
.top-company{padding:calc(100 * var(--u)) 0 calc(175 * var(--u));}
.top-company-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:calc(50 * var(--u));width:75%;margin-inline:auto;z-index:1}
.top-company-grid>header{padding-left:calc(75 * var(--u))}
.top-company-grid>header h2{color:var(--orange);font-size:calc(64 * var(--u));line-height:1;letter-spacing:.05em}
.top-company-grid>header h3{font-size:calc(32 * var(--u));line-height:1.75;margin-top:calc(30 * var(--u));letter-spacing:.05em}
.top-company-grid>header p{font-size:calc(16 * var(--u));line-height:2;margin-top:calc(46 * var(--u))}
.top-company-tile{position:relative;min-height:calc(340 * var(--u));padding:calc(74 * var(--u)) calc(75 * var(--u));border-radius:calc(20 * var(--u));color:white;transition:transform .2s}
.top-company-tile:hover{opacity:1;transform:translateY(-4px)}
.top-company-tile h3{font-size:calc(64 * var(--u));line-height:1;letter-spacing:.05em}
.top-company-tile p{font-size:calc(24 * var(--u));line-height:1;margin-top:calc(30 * var(--u))}
.top-company-tile .top-arrow{position:absolute;right:calc(35 * var(--u));bottom:calc(30 * var(--u));width:calc(70 * var(--u));height:auto}
.top-faq{background:var(--pale);border-radius:calc(50 * var(--u)) calc(50 * var(--u)) 0 0;padding:calc(175 * var(--u)) 0 calc(200 * var(--u));}
.top-faq>header{position:relative;width:57.291667%;margin-inline:auto;z-index:1}
.top-faq h2{font-size:calc(64 * var(--u));line-height:1;color:var(--orange)}
.top-faq>header p{font-size:calc(20 * var(--u));line-height:1;margin-top:calc(20 * var(--u))}
.top-faq-list{position:relative;width:57.291667%;margin:calc(75 * var(--u)) auto 0;z-index:1}
.top-faq details{background:white;border-radius:calc(15 * var(--u));padding:calc(45 * var(--u)) calc(35 * var(--u))}
.top-faq details+details{margin-top:calc(30 * var(--u))}
.top-faq summary{display:flex;align-items:center;gap:calc(30 * var(--u));list-style:none;cursor:pointer;font-size:calc(20 * var(--u));line-height:2;font-weight:700}
.top-faq summary::-webkit-details-marker{display:none}
.top-faq summary:after{content:"+";font-size:calc(31 * var(--u));font-weight:400;line-height:1;margin-left:auto}
.top-faq details[open] summary:after{content:"−"}
.top-faq .q,.top-faq .a{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(20 * var(--u))}
.top-faq .faq-answer{gap:calc(30 * var(--u));margin-top:calc(30 * var(--u));font-size:max(12px,calc(16 * var(--u)));line-height:2}
.top-faq .faq-answer p+p{margin-top:0}
.top-faq>.top-button{margin:calc(80 * var(--u)) auto 0}
.top-gallery-end{background:var(--pale);margin-bottom:calc(-157 * var(--u))}
.top-gallery-end .top-gallery-track{transform:translateX(calc(-408 * var(--u)))}

@media(max-width:1023px){
 .top-page{--u:1px}
 .home main{overflow:clip visible}
 .top-page .top-art{opacity:.7}
 .top-button{width:280px;min-height:58px;font-size:17px;padding:12px 60px}
 .top-button .top-arrow{width:34px;right:13px}
 .top-three-dots{width:35px}
 .top-section-heading h2{font-size:48px}.top-section-heading p{font-size:18px;margin-top:14px}
 .top-hero{aspect-ratio:390/740;min-height:700px;max-height:1100px;--u:.0520833333cqw}
 .top-hero .top-art{opacity:1}
 .top-hero .top-orb-tools{width:40%!important;left:1%!important;top:13%!important}
 .top-hero .top-orb-salon{width:36%!important;left:-20%!important;top:42%!important}
 .top-hero .top-orb-products{width:33%!important;left:85%!important;top:30%!important}
 .top-person-circle{width:70%!important;left:32%!important;top:24%!important}
 .top-person{width:70%;left:33%;top:13%;}
 .top-wave-upper{width:200%!important;left:22%!important;top:-2%!important}
 .top-wave-lower{width:180%!important;left:-55%!important;top:69%!important;bottom:0}
 .top-wave-left{width:150%!important;left:-85%!important;top:67%!important;bottom:0}
 .top-wave-lower>img,.top-wave-left>img{height:100%}
 .top-dot-hero-a{width:40%!important;left:-5%!important;top:5%!important}
 .top-dot-hero-b{width:39%!important;left:61%!important;top:49%!important}
 .top-hero-leaf{width:12%!important;left:3%!important;top:33%!important}
 .top-hero-scissors{width:13%!important;left:23%!important;top:47%!important}
 .top-hero-dryer{width:15%!important;left:25%!important;top:35%!important}
 .top-recruit-sticker{width:24%!important;left:70%!important;top:14%!important}
 .top-handwritten{width:43%;left:4%;top:49%}
 .top-hero-copy{left:5%;right:3%;top:61%;white-space:nowrap}
 .top-hero-kicker{font-size:clamp(11px,2.8vw,19px);line-height:1.5}
 .top-hero-copy h1{font-size:clamp(34px,9vw,80px);margin-top:16px;letter-spacing:.01em;-webkit-text-stroke:4px var(--cream)}
 .top-headline-first small,.top-headline-second small{font-size:clamp(24px,6.2vw,58px)}
 .top-headline-first small{margin-left:2px}.top-headline-second{margin-top:12px}
 .top-headline-brush{left:4%!important;top:69%!important;width:61%!important}
 .top-benefits{left:6%;right:6%;top:auto;bottom:3%;gap:9px;justify-content:center}
 .top-benefits li{width:28%;max-width:170px}.top-benefits li>span{font-size:clamp(16px,4.1vw,28px);letter-spacing:0}
 .top-about{min-height:0;padding:50px 22px 65px;display:flex;flex-wrap:wrap;gap:25px 0;}
 .top-about>.top-orb{position:relative;inset:auto!important;aspect-ratio:1;align-self:center}
 .top-about>.top-about-main{width:65%!important}
 .top-about>.top-about-detail{width:46%!important;margin-left:-14%;margin-top:35px}
 .top-about>.top-about-edge{width:28%!important;position:absolute;left:80%!important;top:25px!important;opacity:.7}
 .top-about-copy{width:100%;margin:0;padding-top:0}
 .top-eyebrow{font-size:38px}.top-about h2{font-size:26px;margin-top:23px}
 .top-about h2+p{font-size:15px;line-height:2;margin-top:25px}
 .top-about .top-button{margin:30px auto 0}
 .top-about-sketch{width:130%!important;left:3%!important;top:300px!important;opacity:.3!important}
 .top-gallery{--u:.0520833333cqw;height:auto;padding-bottom:0;overflow-x:auto;scrollbar-width:none}
 .top-gallery-track{gap:14px;transform:translateX(-35vw)}
 .top-gallery-track>div{width:64vw;height:48vw;min-width:0}
 .top-environment{padding:65px 20px;border-radius:0 0 24px 24px}
 .top-environment>.top-art{display:none}
 .top-environment-heading h2{font-size:26px;line-height:1.5}.top-environment-heading .top-three-dots{margin-top:15px}
 .top-environment-grid{width:100%;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px;margin-top:35px}
 .top-feature{border-radius:12px;padding:0 6px 15px}.top-feature-art{width:100%;max-width:210px;height:auto;aspect-ratio:307/247}
 .top-feature-art>img{width:97.72%;height:121.46%;left:1.3%;top:-10.93%}
 .top-feature h3{font-size:clamp(15px,3.65vw,24px);line-height:1.6;margin-top:8px;letter-spacing:.02em}.top-feature .top-three-dots{margin-top:10px}
 .top-schedule{grid-column:1/3;grid-row:3;border-radius:14px;min-height:420px;margin-top:5px;border-width:2px}
 .top-schedule-copy{padding:20px 25px 85px}.top-schedule-en{font-size:58px;line-height:1.5;letter-spacing:.02em}
 .top-schedule h3{font-size:27px;line-height:1.5;margin-top:-7px}
 .top-schedule .top-three-dots{margin:15px 0 28px}.top-schedule-copy>p:not(.top-schedule-en){font-size:15px;line-height:2}
 .top-schedule>.top-arrow{width:48px;bottom:22px;right:22px}
 .top-blog{display:block;padding:65px 0 65px 22px;min-height:0}
 .top-blog h2{font-size:48px}.top-blog>header>p{font-size:15px;margin-top:12px}
 .top-blog-content{margin-top:30px}.top-blog .post-grid{gap:20px;min-height:270px;padding-right:22px}
 .top-blog .post-card{flex-basis:min(80vw,450px)}.top-blog .post-card img{border-radius:13px}
 .top-blog .post-card .post-meta{font-size:11px;gap:10px;margin-top:12px}.top-blog .post-meta span{font-size:12px;min-width:85px;height:27px;padding:2px 8px}
 .top-blog .post-card h3{font-size:17px;line-height:1.8;margin-top:14px}
 .top-blog .empty-state{min-height:220px;margin-right:22px;font-size:15px}
 .top-blog-footer{margin:30px 22px 0 0;gap:24px;flex-wrap:wrap;justify-content:center}
 .top-blog-range{flex-basis:100%;height:5px}.top-blog-range::-webkit-slider-thumb{height:5px}.top-blog-range::-moz-range-thumb{height:5px}
 .top-blog-sketch{width:90%!important;top:90px!important;left:-8%!important;opacity:.25!important}
 .top-works{padding:65px 20px;border-radius:24px}
 .top-works>.top-art{width:15%!important;top:30px!important;left:4%!important}.top-works>.top-art:first-child{left:82%!important}
 .top-work-card{width:100%;grid-template-columns:1fr;min-height:0;border-radius:15px;margin-top:35px}
 .top-work-card figure{min-height:0;aspect-ratio:650/500}.top-work-copy{padding:30px 25px 35px}
 .top-work-number{font-size:16px;gap:10px}.top-work-number strong{font-size:44px}
 .top-work-copy h3{font-size:20px;line-height:1.5;margin-top:15px}.top-work-copy>p:last-child{font-size:14px;line-height:2;margin-top:20px}
 .top-work-next{width:10px;height:55px;right:15px;top:52%}.top-work-next>img{width:55px}
 .top-interviews{padding:65px 20px 55px}
 .top-interviews h2{font-size:clamp(23px,6vw,38px);line-height:1.5}.top-interviews>header>p{font-size:22px;margin-top:10px}
 .top-interview-grid{width:100%;grid-template-columns:1fr;gap:35px;margin:35px auto 0;padding:0;max-width:450px}
 .top-staff{height:auto;aspect-ratio:450/650;width:90%}.top-staff:nth-child(2){transform:none;margin-left:10%}
 .top-staff-photo{position:absolute;inset:0}.top-staff-ribbons{top:60.3%;right:-8%;gap:6px}
 .top-staff-ribbons>span{font-size:clamp(14px,3.5vw,20px);padding:7px 12px;letter-spacing:.02em}
 .top-staff-badge{width:46%;bottom:0}.top-staff-badge>span{font-size:clamp(18px,4.6vw,28px)}.top-staff-badge strong{font-size:clamp(34px,9vw,52px);margin-top:12px}
 .top-interviews>.top-button{margin-top:35px}.top-interview-sketch{width:250%!important;top:380px!important;left:-80%!important;opacity:.45!important}
 .top-interviews>.top-art:not(.top-interview-sketch){display:none}
 .top-message{padding:40px 22px 65px}.top-message>.top-orb{width:65%!important;top:130px!important;left:-25%!important;opacity:.6}
 .top-message>.top-art{display:none}.top-watermark{font-size:85px;left:-80px}.top-watermark-a{top:0}.top-watermark-b{bottom:20px}
 .top-message-grid{width:100%;grid-template-columns:1fr;gap:28px;margin-top:35px}
 .top-message-grid>figure{width:85%;min-height:0;aspect-ratio:549/734;margin:auto;border-radius:14px}
 .top-message-copy{padding-top:0}.top-message-copy h3{font-size:20px;line-height:1.8;white-space:normal}
 .top-message-body{font-size:14px;line-height:2.1;margin-top:22px}.top-message-body p+p{margin-top:24px}.top-message-body p:nth-child(4){margin-top:0}
 .top-message-signature{font-size:14px;margin-top:25px!important}.top-message-links{flex-wrap:wrap;gap:20px;margin-top:30px}
 .top-message-links a{font-size:20px;gap:10px}.top-message-links img{width:38px}
 .top-company{padding:30px 20px 65px}.top-company>.top-art{display:none}.top-company>.top-orb{opacity:.3}
 .top-company>.top-orb:first-child{width:50%!important;top:-50px!important;left:70%!important}.top-company>.top-orb:nth-child(2){width:55%!important;left:-25%!important;top:280px!important}
 .top-company-grid{width:100%;gap:15px;grid-template-columns:1fr 1fr}.top-company-grid>header{grid-column:1/-1;padding:0 5px 18px}
 .top-company-grid>header h2{font-size:40px}.top-company-grid>header h3{font-size:22px;margin-top:22px;line-height:1.8}
 .top-company-grid>header p{font-size:13px;margin-top:24px}.top-company-tile{min-height:190px;padding:25px 17px;border-radius:13px}
 .top-company-tile:nth-child(2){grid-column:1/-1;min-height:195px}.top-company-tile h3{font-size:clamp(21px,5.4vw,33px);line-height:1.3;letter-spacing:.02em}
 .top-company-tile p{font-size:12px;line-height:1.5;margin-top:15px}.top-company-tile .top-arrow{width:40px;bottom:18px;right:18px}
 .top-faq{padding:65px 20px 70px;border-radius:24px 24px 0 0}.top-faq>header{width:100%}.top-faq h2{font-size:43px}.top-faq>header p{font-size:15px;margin-top:13px}
 .top-faq-sketch{width:75%!important;left:35%!important;top:25px!important;opacity:.4!important}
 .top-faq-list{width:100%;margin-top:40px}.top-faq details{padding:22px 15px;border-radius:12px}.top-faq details+details{margin-top:18px}
 .top-faq summary{gap:12px;font-size:15px;line-height:1.8}.top-faq summary:after{font-size:25px}
 .top-faq .q,.top-faq .a{width:29px;height:29px;font-size:16px;border-radius:7px}.top-faq .faq-answer{gap:12px;margin-top:22px;font-size:13px;line-height:2}
 .top-faq>.top-button{margin-top:35px}.top-gallery-end{margin-bottom:0}

}
@media(prefers-reduced-motion:reduce){.top-button,.top-feature,.top-company-tile,.top-work-card figure>img,.top-staff-photo>img{transition:none}}

/* Anchor the handwritten underline to its text, including during the entrance animation. */
.top-hero .top-beauty{isolation:isolate}
.top-hero .top-beauty>.top-headline-brush{position:absolute;left:-1.5%!important;top:calc(100% - .34em)!important;width:103%!important;z-index:-1;pointer-events:none}
.top-hero .top-beauty>.top-headline-brush>img{width:100%;height:auto;max-width:none}
