@font-face{font-family:Noto Sans JP;src:url('/assets/noto-sans-jp.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Noto Sans JP,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.9;-webkit-text-size-adjust:100%;line-break:strict}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure,ol{margin:0}h1,h2,h3{font-weight:650}h1{font-size:clamp(34px,4vw,58px);line-height:1.65;letter-spacing:.03em}h1>span{display:block}h2{font-size:32px;line-height:1.8;letter-spacing:.035em}h3{font-size:23px;line-height:1.65}.demo{--ink:#3d352a;--paper:#f7f3e9;--accent:#7b5c37;--line:#3d352a32;--soft:#ece3d2;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}.demo-container{width:min(1140px,calc(100% - 96px));margin-inline:auto}.demo-notice{display:flex;justify-content:space-between;gap:20px;background:#fff;color:#293e66;border-bottom:1px solid #e1e7f1;padding:9px 24px;font-size:13px;line-height:1.6}.demo-notice a{text-decoration:underline;text-underline-offset:4px;flex:none}.is-embedded .demo-notice{display:none}.demo-skip{position:fixed;top:-90px;left:15px;background:white;color:#162a4e;padding:12px;z-index:20}.demo-skip:focus{top:12px}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:106px;padding-block:20px;position:relative;z-index:5}.demo-brand{font:600 34px/1.15 Georgia,serif;letter-spacing:-.035em;display:block}.demo-brand>span{display:block;font:500 10px/1.6 Arial,sans-serif;letter-spacing:.12em;margin-top:7px;max-width:250px}.demo-desktop-nav{display:flex;gap:26px;align-items:center;font-size:13px}.demo-desktop-nav>a{padding-block:10px}.demo-desktop-nav>a:last-child{border:1px solid var(--line);padding:11px 18px}.demo-menu{display:none}.demo-hero{position:relative;isolation:isolate}.demo-hero-copy{min-width:0}.demo-hero-copy>p:not([class]){margin-top:22px;font-size:15px;line-height:2}.demo-kicker{font:500 12px/1.6 Arial,sans-serif;letter-spacing:.15em;color:var(--accent);margin-bottom:24px}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;max-width:100%;padding:14px 23px;border:1px solid var(--ink);font-size:14px;line-height:1.65;transition:background .2s,color .2s,translate .2s}.demo-button>span{font:400 23px Arial}.demo-hero .demo-button{margin-top:32px}.demo-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid var(--line);padding:13px 0;min-height:44px;font-size:14px}.demo-text-link>span{font-size:22px}.demo-about{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-block:90px}.demo-about figure{min-width:0}.demo-about figure img{aspect-ratio:4/3;object-fit:cover}.demo-about figcaption{font:500 11px/1.8 Arial,sans-serif;letter-spacing:.1em;margin-top:12px;opacity:.7}.demo-about h2{margin-bottom:25px}.demo-about>div>p:not([class]){max-width:480px;line-height:2.2}.demo-about .demo-text-link{margin-top:20px}.demo-offer{padding-block:45px 80px}.demo-offer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:38px}.demo-offer-list{list-style:none;padding:0}.demo-offer-list li{display:grid;grid-template-columns:60px 1fr 1.3fr 25px;gap:25px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.demo-offer-list li:last-child{border-bottom:1px solid var(--line)}.demo-offer-num{font:500 17px/1.2 Arial,sans-serif;color:var(--accent)}.demo-offer-list p{font-size:14px}.demo-offer-arrow{font:400 27px/1 Arial}.demo-visit{background:var(--soft);padding-block:65px}.demo-visit>.demo-container{max-width:800px;text-align:center}.demo-visit h2{font-size:34px;margin-bottom:24px}.demo-visit>.demo-container>p:not([class]){max-width:620px;margin-inline:auto;font-size:15px}.demo-example-note{border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.demo-example-note>strong{font-size:13px;font-weight:500}.demo-example-note>p{font-size:13px;line-height:1.9;margin:12px auto 24px;max-width:580px}.demo-footer{display:flex;gap:35px;justify-content:space-between;align-items:center;padding-block:40px}.demo-footer>div{display:flex;flex-direction:column;gap:6px;font-size:13px}.demo-footer a:not(.demo-brand){padding-block:5px}.demo-mini-flow{padding-block:10px 65px}.demo-mini-flow h2{font-size:26px}.demo-mini-flow ol{list-style:none;padding:25px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.demo-mini-flow li{font-size:15px;border-top:1px solid var(--line);padding-top:18px}.demo-mini-flow li>span{margin-right:16px;font:600 15px Arial;color:var(--accent)}
/* Cafe: off-white paper, serif headline, generous framed photograph. */
.cafe-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;width:min(1240px,calc(100% - 96px));margin-inline:auto;padding-block:20px 50px;align-items:center}.cafe-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(35px,3.8vw,54px)}.cafe-hero>figure{position:relative;padding-bottom:20px}.cafe-hero .demo-hero-image{height:540px;object-fit:cover;border-radius:150px 0 0 0}.cafe-hero figcaption{position:absolute;right:-14px;bottom:3px;font:500 11px Arial;letter-spacing:.15em;writing-mode:vertical-rl;height:250px}.hero-cafe-note{display:block;font:600 14px/1.2 Georgia;letter-spacing:.04em;margin-top:40px;color:#9f8b6f}.demo--cafe .demo-about figure{padding:20px;background:#eee6d6}.demo--cafe .demo-offer-list h3{font-family:Georgia,serif;letter-spacing:.03em}
/* Salon: full photograph, translucent paper panel, sage and fine rules. */
.demo--salon{--ink:#3d5348;--paper:#f7f6ef;--accent:#6b7d66;--line:#3d534833;--soft:#e9ece3}.demo--salon .demo-brand{font-size:44px;font-weight:400}.demo--salon h1,.demo--salon h2{font-family:var(--serif);font-weight:500}.salon-hero{margin-inline:30px;min-height:610px;display:flex;align-items:center;padding:60px max(38px,calc((100vw - 1140px)/2 - 30px));overflow:hidden}.salon-hero>.demo-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-2}.salon-hero .demo-hero-copy{background:#f7f6eff2;padding:40px;max-width:580px}.salon-edge{position:absolute;right:18px;top:32px;writing-mode:vertical-rl;font:500 11px Arial;letter-spacing:.15em}.demo--salon .demo-button{border-radius:50px}.demo--salon .demo-about{grid-template-columns:.85fr 1fr;gap:100px}.demo--salon .demo-about figure img{aspect-ratio:.95;border-radius:150px 150px 0 0}.demo--salon .demo-offer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.demo--salon .demo-offer-list li{display:block;border-bottom:0;padding-top:24px}.demo--salon .demo-offer-list h3{font:400 31px/1.3 Georgia;margin-block:22px 14px}.demo--salon .demo-offer-arrow{display:block;text-align:right;margin-top:20px}
/* Florist: breathing room, vertical motif, soft green. */
.demo--flowers{--ink:#35433d;--paper:#f4f2eb;--accent:#617868;--line:#35433d33;--soft:#e7eae0}.demo--flowers .demo-brand{font-weight:400}.flowers-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:30px;width:min(1240px,calc(100% - 96px));margin-inline:auto;padding-block:10px 30px}.flowers-hero h1,.demo--flowers h2{font-family:var(--serif);font-weight:500}.flowers-hero>figure{overflow:hidden;border-radius:44% 44% 3px 3px;min-width:0}.flowers-hero .demo-hero-image{height:590px;object-fit:cover;object-position:61% center}.flower-scroll{position:absolute;bottom:30px;left:0;writing-mode:vertical-rl;letter-spacing:.2em;font-size:13px}.demo--flowers .demo-about{padding-top:110px}.demo--flowers .demo-about figure{transform:rotate(-3deg);padding:12px;background:#fff}.demo--flowers .demo-offer-list li{grid-template-columns:60px 1fr 1fr 25px}.demo--flowers .demo-offer-list h3{font:400 24px Georgia}
/* Workshop: charcoal canvas, large wordmark, warm material photography. */
.demo--craft{--ink:#eee7d9;--paper:#252a29;--accent:#cab491;--line:#eee7d93d;--soft:#303735}.demo--craft .demo-brand{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.01em}.craft-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;padding:70px 0 35px;width:min(1240px,calc(100% - 96px));margin-inline:auto;overflow:hidden}.craft-backword{position:absolute;font:800 270px/1 Arial,sans-serif;color:#ffffff07;top:-10px;left:0;z-index:-1;letter-spacing:-.06em}.craft-hero h1{font-weight:500;letter-spacing:.08em;font-size:clamp(35px,4vw,54px)}.craft-hero .demo-hero-image{height:490px;object-fit:cover;object-position:center}.craft-hero figcaption{font:500 12px Arial;letter-spacing:.12em;margin-top:16px}.demo--craft .demo-about{grid-template-columns:1.2fr .9fr;gap:65px}.demo--craft .demo-about figure img{aspect-ratio:1.25}.demo--craft .demo-offer h2{font-weight:500}.demo--craft .demo-button{background:var(--ink);color:var(--paper)}
/* Professional services: strong baseline and clear navy information order. */
.demo--business{--ink:#183d6b;--paper:#fff;--accent:#22799b;--line:#183d6b30;--soft:#edf3f7}.demo--business .demo-brand{font-family:Arial;font-weight:800;letter-spacing:.03em}.business-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;width:min(1240px,calc(100% - 96px));margin-inline:auto;padding:40px 0 65px}.business-hero h1{font-weight:800;letter-spacing:-.02em;font-size:clamp(36px,4.2vw,61px)}.business-hero h1>span:last-child{background:linear-gradient(transparent 73%,#e2ef9f 0);width:fit-content}.business-hero .demo-hero-image{height:485px;object-fit:cover;border-radius:2px 90px 2px 2px}.business-hero .demo-button{background:var(--ink);color:white;min-width:230px}.business-small-rule{display:block;margin-top:45px;font:500 11px Arial;letter-spacing:.13em;border-top:1px solid var(--line);padding-top:16px}.demo--business .demo-about{border-top:1px solid var(--line)}.demo--business .demo-offer-list{border-left:4px solid var(--ink);padding-left:30px}.demo--business .demo-offer-list h3{font-size:23px;font-weight:700}
/* Fitness: warm orange, bold movement type, rounded photographic edge. */
.demo--fitness{--ink:#222725;--paper:#f4f0e8;--accent:#a83e20;--line:#22272533;--soft:#e5ddd0}.demo--fitness .demo-brand{font:900 42px Arial;letter-spacing:-.07em}.fitness-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;width:min(1240px,calc(100% - 96px));margin-inline:auto;padding-block:15px 50px;align-items:center}.fitness-word{font:900 clamp(40px,5.1vw,74px)/.91 Arial,sans-serif;letter-spacing:-.06em;color:#be4826;margin-bottom:25px}.fitness-hero h1{font-size:clamp(30px,3.1vw,43px);font-weight:800;line-height:1.5;letter-spacing:-.025em}.fitness-hero .demo-hero-image{height:560px;object-fit:cover;border-radius:0 0 110px 0;object-position:40% center}.fitness-hero figcaption{font:600 11px Arial;letter-spacing:.12em;margin-top:15px}.demo--fitness .demo-button{background:#be4826;border-color:#be4826;color:white;border-radius:3px;font-weight:650}.demo--fitness .demo-about{grid-template-columns:.85fr 1fr}.demo--fitness .demo-about figure img{aspect-ratio:1;border-radius:50%}.demo--fitness .demo-offer-list li{border-top:2px solid #be4826}.demo--fitness .demo-offer-list h3{font:800 29px Arial}
/* Photographer: large dark photograph, work framed like a portfolio. */
.demo--photographer{--ink:#eeefed;--paper:#191b1e;--accent:#a9b6c9;--line:#eeefed33;--soft:#24272b}.demo--photographer .demo-brand{font:500 28px/1.2 Arial,sans-serif;letter-spacing:-.06em}.photographer-hero{min-height:625px;display:flex;align-items:flex-end;padding:65px max(48px,calc((100vw - 1140px)/2));overflow:hidden}.photographer-hero>.demo-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.photographer-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101216eb,#10121630 80%);z-index:-1}.photographer-hero .demo-kicker{color:#e0e7f0}.photographer-hero h1{font-weight:450;letter-spacing:.06em}.photo-index{position:absolute;top:24px;right:30px;font:500 11px Arial;letter-spacing:.12em}.demo--photographer .demo-about{display:block;position:relative;padding-block:75px}.demo--photographer .demo-about figure{width:76%;margin-left:auto}.demo--photographer .demo-about figure img{aspect-ratio:1.5}.demo--photographer .demo-about>div{position:relative;width:60%;margin-top:-100px;padding:35px;background:#191b1e}.demo--photographer .demo-offer-list h3{font:500 25px Arial;letter-spacing:.02em}
/* Bakery: butter paper, arch photograph, small stamp. */
.demo--bakery{--ink:#412c23;--paper:#fff4d9;--accent:#9e4b33;--line:#9e4b3340;--soft:#f0e3c5}.demo--bakery .demo-brand{font:600 43px Georgia;letter-spacing:-.06em}.bakery-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;width:min(1190px,calc(100% - 96px));margin-inline:auto;padding-block:30px 45px}.bakery-hero h1,.demo--bakery h2{font-family:var(--serif);font-weight:600;letter-spacing:.03em}.bakery-hero .demo-hero-image{height:560px;object-fit:cover;object-position:47% center;border-radius:240px 240px 12px 12px}.bakery-stamp{display:inline-flex;position:relative;flex-direction:column;justify-content:center;width:110px;height:110px;border:1px solid #9e4b33;border-radius:50%;font:600 15px/1.1 Georgia;color:#9e4b33;text-align:center;margin:32px 0 0 35px;vertical-align:middle;transform:rotate(-11deg)}.bakery-stamp>span{font-size:25px;margin-top:5px}.demo--bakery .demo-about figure{border:10px solid #fff9e9;box-shadow:10px 10px 0 #e9d7b6}.demo--bakery .demo-offer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.demo--bakery .demo-offer-list li{display:block;border-bottom:0}.demo--bakery .demo-offer-list h3{margin-block:18px 15px;font-size:23px}.demo--bakery .demo-offer-arrow{display:block;margin-top:25px}.demo--bakery .demo-button{border-color:#9e4b33;color:#9e4b33}
/* Interior: architectural baseline, wide space image, material discussion. */
.demo--interior{--ink:#4f594c;--paper:#eceae3;--accent:#697358;--line:#4f594c33;--soft:#dfded4}.demo--interior .demo-brand{font:500 43px Georgia;letter-spacing:-.05em}.interior-hero{padding-bottom:35px}.interior-heading{width:min(1140px,calc(100% - 96px));margin:20px auto 40px;display:grid;grid-template-columns:1fr auto;gap:10px 35px;align-items:end}.interior-heading>.demo-kicker{grid-column:1/-1;margin-bottom:16px}.interior-heading h1{font-size:clamp(34px,3.7vw,54px);font-weight:450}.interior-heading p:not([class]){margin-top:20px}.interior-hero>figure{width:calc(100% - 60px);margin-inline:auto}.interior-hero .demo-hero-image{height:540px;object-fit:cover;object-position:55% center}.interior-hero figcaption{font:500 11px Arial;letter-spacing:.15em;margin-top:12px;text-align:right}.demo--interior .demo-about{padding-top:65px;grid-template-columns:1fr 1fr}.demo--interior .demo-about h2{font-weight:450}.demo--interior .demo-offer>h2{margin-block:12px 35px}.interior-services details{border-top:1px solid var(--line)}.interior-services details:last-child{border-bottom:1px solid var(--line)}.interior-services summary{display:flex;align-items:center;gap:35px;list-style:none;padding:22px 0;font-size:22px;cursor:pointer}.interior-services summary::-webkit-details-marker{display:none}.interior-services summary>span{font:500 15px Arial;color:var(--accent)}.interior-services summary>b{margin-left:auto;font-weight:400}.interior-services details[open] summary>b{transform:rotate(45deg)}.interior-services details>p{padding:0 0 26px 55px;font-size:15px}
/* Classroom: teal, butter yellow, playful but readable paper fragments. */
.demo--learning{--ink:#23594f;--paper:#faf5df;--accent:#316b62;--line:#23594f33;--soft:#efe7be}.demo--learning .demo-brand{font:800 44px/1.1 Arial,sans-serif;letter-spacing:-.055em}.learning-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;width:min(1200px,calc(100% - 96px));margin-inline:auto;padding-block:20px 60px}.learning-hero h1{font-weight:800;letter-spacing:-.03em;font-size:clamp(32px,3.6vw,49px)}.learning-hero>figure{position:relative;transform:rotate(2deg);background:#fffaf0;padding:10px 10px 20px;box-shadow:9px 9px 0 #e3d591}.learning-hero>figure::before{content:'';position:absolute;top:-15px;left:38%;width:90px;height:28px;background:#c9d5baaf;transform:rotate(-8deg);z-index:1}.learning-hero .demo-hero-image{height:460px;object-fit:cover;object-position:50% center}.learning-hero figcaption{font-size:13px;text-align:center;margin-top:15px}.learning-seed{display:grid;place-content:center;position:relative;margin:32px 0 0 20px;background:#e8c24f;border-radius:50% 50% 50% 8px;width:86px;height:86px;transform:rotate(-12deg);font:800 19px/1 Arial;color:#23594f}.demo--learning .demo-about figure img{border-radius:35px}.demo--learning .demo-offer-list li{background:#fffaf0;margin-top:15px;border:1px solid var(--line);border-radius:8px;padding:25px;grid-template-columns:45px 1fr 1.2fr 25px}.demo--learning .demo-offer-list h3{font-size:22px}.demo--learning .demo-button{background:#23594f;color:#fffaf0;border-color:#23594f;border-radius:50px}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.demo-notice :focus-visible{outline-color:#165dff}.demo-button:active{translate:0 1px}.demo-desktop-nav a:hover,.demo-footer a:hover{text-decoration:underline;text-underline-offset:5px}@media(hover:hover){.demo-button:hover{background:var(--ink);color:var(--paper)}.demo--craft .demo-button:hover{background:transparent;color:var(--ink)}.demo--fitness .demo-button:hover{background:#933719;color:#fff}.demo-text-link:hover>span{translate:2px -2px}}
@media(max-width:999px){.demo-container{width:calc(100% - 64px)}.demo-header{min-height:90px}.demo-desktop-nav{gap:17px;font-size:13px}.demo-desktop-nav>a:last-child{padding:10px 13px}.demo-brand{font-size:29px}.demo-about{gap:45px;padding-block:65px}h1{font-size:39px}h2{font-size:28px}.demo-offer-list li{gap:18px;grid-template-columns:45px 1fr 1fr 25px}.demo-offer-list h3{font-size:21px}.cafe-hero,.flowers-hero,.craft-hero,.business-hero,.fitness-hero,.bakery-hero,.learning-hero{width:calc(100% - 64px);gap:25px}.cafe-hero .demo-hero-image,.flowers-hero .demo-hero-image,.fitness-hero .demo-hero-image,.bakery-hero .demo-hero-image{height:470px}.cafe-hero h1,.flowers-hero h1,.craft-hero h1,.business-hero h1,.bakery-hero h1,.learning-hero h1{font-size:37px}.hero-cafe-note{margin-top:24px}.salon-hero{margin-inline:20px;min-height:540px;padding:35px}.salon-hero .demo-hero-copy{max-width:500px;padding:30px}.salon-hero h1{font-size:41px}.demo--salon .demo-about{gap:50px}.craft-hero{padding-top:35px}.craft-hero .demo-hero-image,.business-hero .demo-hero-image{height:430px}.fitness-word{font-size:53px}.fitness-hero h1{font-size:33px}.photographer-hero{min-height:560px;padding:45px 35px}.photographer-hero h1{font-size:43px}.bakery-stamp{width:90px;height:90px;font-size:13px;margin-left:10px}.interior-heading{width:calc(100% - 64px)}.interior-hero .demo-hero-image{height:450px}.interior-hero>figure{width:calc(100% - 40px)}.learning-hero .demo-hero-image{height:400px}.demo--learning .demo-offer-list li{grid-template-columns:35px 1fr 1fr 20px;padding:20px;gap:15px}}
@media(max-width:759px){.demo-container{width:calc(100% - 40px)}.demo-header{min-height:85px;padding-block:18px}.demo-brand{font-size:31px}.demo-brand>span{font-size:9px;max-width:200px}.demo-desktop-nav{display:none}.demo-menu{display:block;position:relative;font-size:13px}.demo-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-width:76px;min-height:44px;border:1px solid var(--line);padding:10px;cursor:pointer}.demo-menu>summary::-webkit-details-marker{display:none}.demo-menu nav{position:absolute;right:0;top:53px;min-width:240px;max-width:calc(100vw - 40px);background:var(--paper);border:1px solid var(--line);padding:12px 18px;box-shadow:0 12px 25px #00000018;z-index:10}.demo-menu nav>a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.demo-menu nav>a:last-child{border:0}.demo-notice{padding:9px 14px;font-size:13px;gap:12px;align-items:center}.demo-notice>span{max-width:220px}.demo-notice>a{font-size:13px}.demo-header .demo-brand{max-width:calc(100% - 92px)}h1{font-size:36px;line-height:1.65}h2{font-size:27px;line-height:1.8}h3{font-size:22px}.demo-kicker{font-size:11px;letter-spacing:.09em;margin-bottom:20px}.demo-hero-copy>p:not([class]){font-size:14px;line-height:2;margin-top:18px}.demo-hero .demo-button{margin-top:24px}.demo-button{font-size:14px;gap:22px;padding:12px 19px;min-height:48px}.demo-about{display:block;padding-block:50px}.demo-about figure{max-width:520px;margin:0 auto 30px}.demo-about figure img{aspect-ratio:1.3}.demo-about>div>p:not([class]){font-size:15px}.demo-about h2{margin-bottom:20px}.demo-offer{padding-block:20px 50px}.demo-offer-heading{display:block;margin-bottom:25px}.demo-offer-list li{grid-template-columns:30px 1fr 20px;gap:14px;padding:22px 0}.demo-offer-list li>p{grid-column:2/3}.demo-offer-arrow{grid-column:3;grid-row:1/3}.demo-offer-list h3{font-size:21px}.demo-offer-list p{font-size:14px}.demo-visit{padding-block:45px}.demo-visit h2{font-size:27px}.demo-visit>.demo-container>p:not([class]){font-size:14px}.demo-example-note{margin-top:25px;padding-top:22px}.demo-example-note>strong,.demo-example-note>p{font-size:13px}.demo-footer{display:block;padding-block:30px}.demo-footer>div{margin-top:22px;font-size:13px}.demo-mini-flow{padding-bottom:45px}.demo-mini-flow h2{font-size:23px}.demo-mini-flow ol{grid-template-columns:1fr;gap:15px}.demo-mini-flow li{padding-top:14px}.cafe-hero,.flowers-hero,.craft-hero,.business-hero,.fitness-hero,.bakery-hero,.learning-hero{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px;padding-block:20px 30px}.cafe-hero h1,.flowers-hero h1,.craft-hero h1,.business-hero h1,.bakery-hero h1,.learning-hero h1{font-size:36px}.cafe-hero .demo-hero-image{height:auto;aspect-ratio:1.15;border-radius:85px 0 0 0}.cafe-hero>figure{padding-bottom:0}.cafe-hero figcaption{right:-11px;font-size:9px;bottom:0;height:180px}.hero-cafe-note{position:absolute;right:0;top:36px;font-size:10px;writing-mode:vertical-rl;line-height:1.5;letter-spacing:.06em;margin:0}.demo--cafe .demo-about figure{padding:12px}.salon-hero{margin-inline:12px;min-height:620px;align-items:flex-end;padding:25px 16px}.salon-hero>.demo-hero-image{object-position:63% 25%}.salon-hero .demo-hero-copy{padding:24px;width:100%}.salon-hero h1{font-size:34px}.salon-edge{font-size:9px;right:10px;top:20px}.demo--salon .demo-about{display:block}.demo--salon .demo-about figure{max-width:330px}.demo--salon .demo-about figure img{aspect-ratio:1.15;border-radius:130px 130px 0 0}.demo--salon .demo-offer-list{grid-template-columns:1fr;gap:15px}.demo--salon .demo-offer-list li{position:relative;padding-top:20px}.demo--salon .demo-offer-list h3{margin-block:15px 10px;font-size:29px}.demo--salon .demo-offer-arrow{position:absolute;right:0;top:15px}.flowers-hero .demo-hero-image{height:auto;aspect-ratio:1.05;object-position:60% center}.flower-scroll{bottom:30px;right:10px;left:auto;color:#fff;text-shadow:0 1px 4px #0008}.demo--flowers .demo-about{padding-top:55px}.demo--flowers .demo-offer-list li{grid-template-columns:30px 1fr 20px}.demo--flowers .demo-offer-list h3{font-size:23px}.craft-backword{font-size:200px;top:0}.craft-hero h1{font-weight:500;letter-spacing:.035em}.craft-hero .demo-hero-image{height:auto;aspect-ratio:1.15}.demo--craft .demo-about{display:block}.business-hero .demo-hero-image{height:auto;aspect-ratio:1.2;border-radius:0 60px 0 0}.business-small-rule{display:none}.demo--business .demo-about{padding-top:45px}.demo--business .demo-offer-list{padding-left:15px}.fitness-word{font-size:64px;margin-bottom:22px}.fitness-hero h1{font-size:33px}.fitness-hero .demo-hero-image{height:auto;aspect-ratio:1.15;border-radius:0 0 75px 0;object-position:45% center}.demo--fitness .demo-about{display:block}.demo--fitness .demo-about figure{max-width:320px}.demo--fitness .demo-about figure img{aspect-ratio:1}.demo--fitness .demo-offer-list h3{font-size:26px}.photographer-hero{min-height:610px;padding:35px 20px;align-items:flex-end}.photographer-hero>.demo-hero-image{object-position:44% top}.photographer-hero::after{background:linear-gradient(0deg,#101216ed,#10121620 95%)}.photographer-hero h1{font-size:35px}.photo-index{right:15px;top:15px;font-size:10px}.demo--photographer .demo-about{padding-block:45px}.demo--photographer .demo-about figure{width:100%}.demo--photographer .demo-about figure img{aspect-ratio:1.25}.demo--photographer .demo-about>div{width:100%;margin-top:24px;padding:0}.demo--photographer .demo-offer-list h3{font-size:23px}.bakery-hero{position:relative}.bakery-hero .demo-hero-image{height:auto;aspect-ratio:1.1;border-radius:180px 180px 8px 8px}.bakery-stamp{position:absolute;right:0;top:5px;width:68px;height:68px;font-size:10px;margin:0}.bakery-stamp>span{font-size:18px;margin-top:3px}.demo--bakery .demo-about figure{border-width:6px;box-shadow:6px 6px 0 #e9d7b6}.demo--bakery .demo-offer-list{grid-template-columns:1fr;gap:14px}.demo--bakery .demo-offer-list li{position:relative}.demo--bakery .demo-offer-list h3{margin:15px 0 12px}.demo--bakery .demo-offer-arrow{position:absolute;top:15px;right:5px;margin:0}.interior-heading{width:calc(100% - 40px);display:block;margin:15px auto 28px}.interior-heading h1{font-size:35px}.interior-heading .demo-button{margin-top:24px}.interior-heading>.demo-kicker{margin-bottom:20px}.interior-hero>figure{width:calc(100% - 24px)}.interior-hero .demo-hero-image{height:auto;aspect-ratio:1.05;object-position:60% center}.interior-hero figcaption{font-size:9px;letter-spacing:.09em}.demo--interior .demo-about{padding-top:35px;display:block}.interior-services summary{font-size:21px;gap:20px;padding-block:20px}.interior-services details>p{padding-left:40px;font-size:14px}.learning-hero h1{font-size:35px}.learning-hero .demo-hero-image{height:auto;aspect-ratio:1.15;object-position:50% center}.learning-hero>figure{margin:0 5px}.learning-seed{position:absolute;top:20px;right:-7px;width:64px;height:64px;font-size:15px;margin:0;z-index:-1;opacity:.65}.demo--learning .demo-about figure img{border-radius:25px}.demo--learning .demo-offer-list li{grid-template-columns:28px 1fr 20px;gap:13px;padding:20px 17px}.demo--learning .demo-offer-list h3{font-size:21px}}
@media(max-width:374px){.demo-brand{font-size:27px}.demo--salon .demo-brand,.demo--bakery .demo-brand,.demo--interior .demo-brand,.demo--learning .demo-brand{font-size:35px}.demo--fitness .demo-brand{font-size:36px}.demo--photographer .demo-brand{font-size:24px}.demo-header{gap:12px}.demo-menu>summary{min-width:70px}h1,.cafe-hero h1,.flowers-hero h1,.craft-hero h1,.business-hero h1,.bakery-hero h1,.learning-hero h1{font-size:30px}.salon-hero h1{font-size:29px}.fitness-hero h1{font-size:29px}.fitness-word{font-size:56px}.photographer-hero h1{font-size:31px}.interior-heading h1{font-size:30px}.salon-hero{min-height:590px}.bakery-stamp{right:-4px;top:0;width:56px;height:56px;font-size:9px}.hero-cafe-note{right:-5px}.demo-about h2,.demo-visit h2,.demo-offer h2{font-size:25px}.demo-hero-copy>p:not([class]){font-size:14px}.demo-offer-list h3{font-size:20px}.demo-notice{display:block}.demo-notice>span{display:block;max-width:none}.demo-notice>a{display:inline-block;margin-top:4px}.learning-seed{width:50px;height:50px;font-size:12px;top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Usable hit areas in the standalone sample, without changing the design frame. */
.demo-footer a:not(.demo-brand){display:inline-flex;align-items:center;min-height:44px;padding-block:8px}.demo-offer-list h3>a{display:inline-flex;align-items:center;min-height:44px}.demo-offer-list h3>a:hover{text-decoration:underline;text-underline-offset:5px}.demo-header .demo-brand{padding-block:5px}