<style>
main > .section > .fragment-wrapper:has(.shun-october-homepage) {
max-width: none;
padding-inline: 0;
}
/* =========================================================
SHUN HOMEPAGE — OCTOBER
PREMIER SALE — 35% OFF
========================================================= */
.shun-october-homepage,
.shun-october-homepage * {
box-sizing: border-box;
}
.shun-october-homepage {
--oct-black: #111111;
--oct-charcoal: #242424;
--oct-gray-700: #595959;
--oct-gray-500: #7d7d7d;
--oct-gray-300: #d8d8d8;
--oct-gray-200: #e9e9e9;
--oct-gray-100: #f5f5f3;
--oct-warm: #f3efe8;
--oct-warm-deep: #e7ddd0;
--oct-white: #ffffff;
--oct-red: #981b24;
--oct-bronze: #8b6a45;
--oct-max-page: 2000px;
--oct-max-content: 1360px;
--oct-shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.07);
--oct-shadow-media: 0 18px 48px rgba(0, 0, 0, 0.12);
width: 100%;
max-width: var(--oct-max-page);
margin: 0 auto;
overflow: hidden;
color: var(--oct-charcoal);
font-family: "Roboto", Arial, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.shun-october-homepage img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.shun-october-homepage :where(h1, h2, h3, h4, p) {
margin-top: 0;
}
.shun-october-homepage h1,
.shun-october-homepage h2,
.shun-october-homepage h3,
.shun-october-homepage h4 {
color: var(--oct-black);
font-family: "Roboto Slab", Georgia, serif;
font-weight: 400;
}
.oct-full {
width: 100%;
max-width: var(--oct-max-page);
margin: 0 auto;
}
.oct-container {
width: min(100% - 48px, var(--oct-max-content));
margin: 0 auto;
}
.oct-section {
margin: clamp(64px, 7vw, 104px) auto;
}
.oct-section--tight {
margin-top: 44px;
margin-bottom: 72px;
}
.oct-heading-wrap {
max-width: 850px;
margin: 0 auto 44px;
text-align: center;
}
.oct-heading {
margin: 0 0 14px;
font-size: clamp(30px, 3.2vw, 50px);
line-height: 1.1;
}
.oct-subheading {
max-width: 780px;
margin: 0 auto;
color: var(--oct-gray-700);
font-size: clamp(16px, 1.25vw, 19px);
font-weight: 400;
line-height: 1.6;
}
.oct-kicker {
display: inline-block;
margin-bottom: 13px;
color: var(--oct-red);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.oct-divider {
width: min(100% - 48px, var(--oct-max-content));
height: 1px;
margin: 72px auto 0;
}
.oct-divider::after {
display: block;
width: 240px;
height: 1px;
margin: 0 auto;
background: linear-gradient(
to right,
transparent,
var(--oct-bronze),
transparent
);
content: "";
opacity: 0.35;
}
/* =========================================================
BUTTONS
========================================================= */
.oct-btn-light,
.oct-btn-dark,
.oct-btn-outline,
.oct-text-link {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
padding: 13px 22px;
border-radius: 0;
font-family: "Roboto", Arial, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition:
transform 0.22s ease,
box-shadow 0.22s ease,
background-color 0.22s ease,
color 0.22s ease,
border-color 0.22s ease;
}
.oct-btn-dark {
border: 1px solid var(--oct-black);
background: var(--oct-black);
color: var(--oct-white) !important;
}
.oct-btn-light {
border: 1px solid var(--oct-white);
background: var(--oct-white);
color: var(--oct-black) !important;
}
.oct-btn-outline {
border: 1px solid rgba(255, 255, 255, 0.85);
background: transparent;
color: var(--oct-white) !important;
}
.oct-btn-light:hover,
.oct-btn-dark:hover,
.oct-btn-outline:hover,
.oct-btn-light:focus-visible,
.oct-btn-dark:focus-visible,
.oct-btn-outline:focus-visible {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}
.oct-text-link {
min-height: auto;
padding: 5px 0 3px;
border-bottom: 1px solid currentColor;
color: var(--oct-black) !important;
}
.oct-text-link:hover,
.oct-text-link:focus-visible {
color: var(--oct-red) !important;
}
.shun-october-homepage :focus-visible {
outline: 3px solid #0d65d9;
outline-offset: 3px;
}
/* =========================================================
MODULE 1 — PREMIER SALE HERO
========================================================= */
.oct-hero {
position: relative;
min-height: 720px;
overflow: hidden;
background: var(--oct-black);
}
.oct-hero__media {
position: absolute;
inset: 0;
}
.oct-hero__media picture,
.oct-hero__media img {
width: 100%;
height: 100%;
}
.oct-hero__media img {
object-fit: cover;
object-position: center;
}
.oct-hero::after {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.03) 0%,
rgba(0, 0, 0, 0.07) 42%,
rgba(0, 0, 0, 0.40) 68%,
rgba(0, 0, 0, 0.76) 100%
);
content: "";
pointer-events: none;
}
.oct-hero__content {
position: relative;
z-index: 2;
min-height: 720px;
}
.oct-hero__panel {
position: absolute;
top: 48%;
right: 1%;
width: min(25%, 470px);
transform: translateY(-50%);
color: var(--oct-white);
}
.oct-hero__panel .oct-kicker {
color: rgba(255, 255, 255, 0.74);
}
.shun-october-homepage .oct-hero__panel h1 {
margin: 0 0 18px;
color: var(--oct-white);
font-size: clamp(40px, 4.25vw, 66px);
line-height: 1.03;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.30);
}
.oct-hero__offer {
margin: 0 0 16px;
color: var(--oct-white);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(22px, 1.8vw, 31px);
font-weight: 400;
line-height: 1.15;
}
.oct-hero__copy {
max-width: 485px;
margin: 0;
color: rgba(255, 255, 255, 0.85);
font-size: clamp(15px, 1.05vw, 18px);
line-height: 1.55;
}
.oct-hero__actions {
margin-top: 24px;
}
.shun-october-homepage .oct-hero__legal {
margin: 21px 0 0;
color: rgba(255, 255, 255, 0.58);
font-size: 11px;
line-height: 1.35;
}
/* =========================================================
MODULE 2 — PREMIER PRODUCTS
========================================================= */
.oct-grid {
display: grid;
gap: 30px;
}
.oct-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.oct-card {
text-align: center;
}
.oct-card a {
color: inherit;
text-decoration: none;
}
.oct-card__figure {
position: relative;
display: block;
overflow: hidden;
background: #f0efec;
}
.oct-card__figure img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
transition: transform 0.42s ease;
}
.oct-card a:hover .oct-card__figure img,
.oct-card a:focus-visible .oct-card__figure img {
transform: scale(1.025);
}
.oct-card__badge {
position: absolute;
top: 14px;
left: 14px;
padding: 8px 10px;
background: rgba(17, 17, 17, 0.90);
color: var(--oct-white);
font-size: 10px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.oct-card__title {
margin: 18px 0 7px;
font-size: clamp(18px, 1.45vw, 22px);
line-height: 1.24;
}
.oct-card__copy {
max-width: 345px;
margin: 0 auto;
color: #4a4a4a;
font-size: 14px;
line-height: 1.55;
}
.oct-grid-cta {
margin-top: 40px;
text-align: center;
}
/* =========================================================
MODULE 3 — BRILLIANCE SECONDARY HERO
========================================================= */
.oct-brilliance {
display: grid;
overflow: hidden;
background: var(--oct-black);
box-shadow: var(--oct-shadow-media);
grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.82fr);
}
.oct-brilliance__media {
min-height: 610px;
background: #151515;
}
.oct-brilliance__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.oct-brilliance__copy {
display: flex;
align-items: center;
padding: clamp(42px, 5vw, 72px);
color: rgba(255, 255, 255, 0.82);
}
.oct-brilliance__inner {
max-width: 490px;
}
.oct-brilliance__copy .oct-kicker {
color: rgba(255, 255, 255, 0.68);
}
.shun-october-homepage .oct-brilliance__copy h2 {
margin: 0 0 18px;
color: var(--oct-white);
font-size: clamp(34px, 3.3vw, 52px);
line-height: 1.08;
}
.oct-brilliance__copy p {
margin: 0 0 27px;
font-size: clamp(16px, 1.2vw, 19px);
line-height: 1.65;
}
/* =========================================================
MODULE 4 — PREMIER DETAILS
========================================================= */
.oct-details {
overflow: hidden;
background: var(--oct-warm);
box-shadow: var(--oct-shadow-soft);
}
.oct-details__images {
display: grid;
gap: 2px;
background: var(--oct-white);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.oct-details__image {
position: relative;
overflow: hidden;
}
.oct-details__image img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.oct-details__label {
position: absolute;
bottom: 16px;
left: 16px;
padding: 8px 10px;
background: rgba(0, 0, 0, 0.68);
color: var(--oct-white);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.oct-details__copy {
padding: clamp(44px, 5vw, 70px);
text-align: center;
}
.oct-details__copy h2 {
max-width: 820px;
margin: 0 auto 17px;
font-size: clamp(32px, 3.3vw, 50px);
line-height: 1.1;
}
.oct-details__copy p {
max-width: 810px;
margin: 0 auto;
color: var(--oct-gray-700);
font-size: clamp(16px, 1.2vw, 19px);
line-height: 1.65;
}
.oct-details__action {
margin-top: 28px;
}
/* =========================================================
MODULE 5 — LIFESTYLE
========================================================= */
.oct-lifestyle {
position: relative;
min-height: 620px;
overflow: hidden;
background: var(--oct-black);
}
.oct-lifestyle__media {
position: absolute;
inset: 0;
}
.oct-lifestyle__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.oct-lifestyle::after {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.70) 0%,
rgba(0, 0, 0, 0.52) 34%,
rgba(0, 0, 0, 0.10) 68%,
rgba(0, 0, 0, 0.02) 100%
);
content: "";
}
.oct-lifestyle__content {
position: relative;
z-index: 2;
display: flex;
min-height: 620px;
align-items: center;
padding: clamp(42px, 6vw, 86px);
}
.oct-lifestyle__inner {
width: min(42%, 520px);
color: var(--oct-white);
}
.oct-lifestyle__inner .oct-kicker {
color: rgba(255, 255, 255, 0.72);
}
.shun-october-homepage .oct-lifestyle__inner h2 {
margin: 0 0 17px;
color: var(--oct-white);
font-size: clamp(34px, 3.5vw, 54px);
line-height: 1.07;
}
.oct-lifestyle__inner p {
margin: 0 0 27px;
color: rgba(255, 255, 255, 0.83);
font-size: clamp(16px, 1.2vw, 19px);
line-height: 1.6;
}
/* =========================================================
CATEGORY GRID
========================================================= */
.oct-category-grid {
display: grid;
gap: 26px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* =========================================================
BRAND STORY
========================================================= */
.oct-story {
display: grid;
align-items: stretch;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.oct-story__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.oct-story__panel {
display: flex;
align-items: center;
justify-content: center;
padding: 56px 46px;
background: var(--oct-warm);
}
.oct-story__inner {
max-width: 440px;
text-align: center;
}
.oct-story__inner h2 {
margin-bottom: 15px;
font-size: clamp(30px, 3vw, 47px);
}
.oct-story__inner p {
margin: 0 0 26px;
font-size: clamp(17px, 1.4vw, 20px);
line-height: 1.55;
}
/* =========================================================
SERIES COMPARISON
========================================================= */
.oct-compare {
position: relative;
overflow: hidden;
color: var(--oct-white);
}
.oct-compare img {
width: 100%;
height: auto;
}
.oct-compare::before {
position: absolute;
z-index: 1;
inset: 0;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.06) 0%,
rgba(0, 0, 0, 0.12) 48%,
rgba(0, 0, 0, 0.62) 74%,
rgba(0, 0, 0, 0.74) 100%
);
content: "";
}
.oct-compare__copy {
position: absolute;
z-index: 2;
top: 50%;
right: 4.5%;
max-width: 370px;
transform: translateY(-50%);
}
.shun-october-homepage .oct-compare__copy h2 {
margin: 0 0 14px;
color: var(--oct-white);
font-size: clamp(30px, 3.2vw, 52px);
line-height: 1.06;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.oct-compare__copy p {
margin: 0 0 22px;
font-size: clamp(16px, 1.4vw, 19px);
line-height: 1.45;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
/* =========================================================
RESPONSIVE — 1180PX
========================================================= */
@media (max-width: 1180px) {
.oct-hero__panel {
right: 6%;
width: min(44%, 520px);
}
.oct-brilliance {
grid-template-columns: 1fr;
}
.oct-brilliance__media {
min-height: 520px;
}
.oct-lifestyle__inner {
width: min(48%, 500px);
}
.oct-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.oct-story {
grid-template-columns: 1fr;
}
}
/* =========================================================
RESPONSIVE — 900PX
========================================================= */
@media (max-width: 900px) {
.oct-container {
width: min(100% - 36px, var(--oct-max-content));
}
.oct-hero,
.oct-hero__content {
min-height: 640px;
}
.oct-hero__panel {
right: 5%;
width: min(48%, 470px);
}
.oct-grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.oct-details__images {
grid-template-columns: 1fr;
}
.oct-lifestyle__inner {
width: min(55%, 500px);
}
}
/* =========================================================
RESPONSIVE — 700PX
========================================================= */
@media (max-width: 700px) {
.oct-section {
margin: 54px auto;
}
.oct-section--tight {
margin-top: 28px;
margin-bottom: 52px;
}
.oct-container {
width: min(100% - 32px, var(--oct-max-content));
}
/* HERO */
.oct-hero {
display: flex;
min-height: 0;
flex-direction: column;
background: var(--oct-white);
}
.oct-hero__media {
position: relative;
height: 430px;
}
.oct-hero__media img {
object-position: center;
}
.oct-hero::after {
display: none;
}
.oct-hero__content {
min-height: 0;
}
.oct-hero__panel {
position: static;
width: 100%;
max-width: none;
padding: 32px 22px 38px;
transform: none;
background: var(--oct-white);
color: var(--oct-black);
text-align: center;
}
.oct-hero__panel .oct-kicker {
color: var(--oct-red);
}
.shun-october-homepage .oct-hero__panel h1,
.oct-hero__offer {
color: var(--oct-black);
text-shadow: none;
}
.oct-hero__copy {
margin: 0 auto;
color: var(--oct-gray-700);
}
.oct-hero__actions {
display: grid;
grid-template-columns: 1fr;
}
.oct-hero__panel .oct-btn-light {
border-color: var(--oct-black);
background: var(--oct-black);
color: var(--oct-white) !important;
}
.shun-october-homepage .oct-hero__legal {
color: var(--oct-gray-500);
}
/* PRODUCTS */
.oct-grid--3,
.oct-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 16px;
}
.oct-card__title {
font-size: 16px;
}
.oct-card__copy {
font-size: 13px;
}
/* BRILLIANCE */
.oct-brilliance__media {
min-height: 0;
}
.oct-brilliance__media img {
height: auto;
}
.oct-brilliance__copy {
padding: 38px 24px 44px;
text-align: center;
}
.oct-brilliance__inner {
max-width: 100%;
margin: 0 auto;
}
/* DETAILS */
.oct-details__copy {
padding: 38px 24px 44px;
}
/* LIFESTYLE */
.oct-lifestyle {
display: flex;
min-height: 0;
flex-direction: column;
background: var(--oct-white);
}
.oct-lifestyle__media {
position: relative;
height: 410px;
}
.oct-lifestyle::after {
display: none;
}
.oct-lifestyle__content {
min-height: 0;
padding: 34px 22px 40px;
background: var(--oct-white);
}
.oct-lifestyle__inner {
width: 100%;
max-width: 620px;
margin: 0 auto;
color: var(--oct-black);
text-align: center;
}
.oct-lifestyle__inner .oct-kicker {
color: var(--oct-red);
}
.shun-october-homepage .oct-lifestyle__inner h2 {
color: var(--oct-black);
}
.oct-lifestyle__inner p {
color: var(--oct-gray-700);
}
.oct-lifestyle__inner .oct-btn-light {
width: 100%;
border-color: var(--oct-black);
background: var(--oct-black);
color: var(--oct-white) !important;
}
/* BRAND STORY */
.oct-story__panel {
padding: 34px 22px;
}
/* COMPARISON */
.oct-compare {
display: flex;
flex-direction: column;
background: var(--oct-white);
color: var(--oct-black);
}
.oct-compare::before {
display: none;
}
.oct-compare img {
height: 300px;
object-fit: cover;
object-position: 42% center;
}
.oct-compare__copy {
position: static;
max-width: 100%;
padding: 26px 20px 0;
transform: none;
text-align: center;
}
.shun-october-homepage .oct-compare__copy h2,
.oct-compare__copy p {
color: var(--oct-black);
text-shadow: none;
}
.oct-compare__copy .oct-btn-outline {
border-color: var(--oct-black);
background: var(--oct-black);
color: var(--oct-white) !important;
}
}
/* =========================================================
RESPONSIVE — 500PX
========================================================= */
@media (max-width: 500px) {
.oct-grid--3,
.oct-category-grid {
grid-template-columns: 1fr;
}
.oct-hero__media {
height: 360px;
}
.oct-lifestyle__media {
height: 350px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.shun-october-homepage *,
.shun-october-homepage *::before,
.shun-october-homepage *::after {
transition-duration: 0.01ms !important;
}
}
</style>
<div class="shun-october-homepage">
<!-- =====================================================
MODULE 1: PREMIER SALE HERO
===================================================== -->
<section class="oct-full oct-section--tight">
<div class="oct-hero">
<a href="/categories/premier" class="oct-hero__media" aria-label="Shop Shun Premier at 35% off MSRP">
<picture>
<source media="(max-width: 700px)" srcset="/media_126aa6db1f7f7f7d91c6afb057d94ca2e165696a9.jpg">
<img src="/media_15297e3ce0d2600598eb7a24ec3c4d6131eb9cfdc.jpg" alt="Shun Premier knives." width="2000" height="1125" loading="eager" fetchpriority="high">
</picture>
</a>
<div class="oct-hero__content">
<div class="oct-hero__panel">
<span class="oct-kicker">
Premier Sale
</span>
<h1>
Discover the Brilliance of Premier
</h1>
<p class="oct-hero__offer">
35% Off Shun Premier
</p>
<p class="oct-hero__copy">
Handcrafted in Japan, Premier brings together radiant
beauty, exceptional sharpness, and refined performance.
For a limited time, experience the collection at an
exceptional price.
</p>
<div class="oct-hero__actions">
<a href="/categories/premier" class="oct-btn-light">
Shop Premier
</a>
</div>
<p class="oct-hero__legal">
*35% off MSRP. Prices as marked.
</p>
</div>
</div>
</div>
</section>
<!-- =====================================================
MODULE 2: PREMIER PRODUCT FEATURES
===================================================== -->
<section class="oct-container oct-section">
<div class="oct-heading-wrap">
<span class="oct-kicker">
Premier 35% Off
</span>
<h2 class="oct-heading">
Bring More Brilliance to the Kitchen
</h2>
<p class="oct-subheading">
From delicate prep to crusty artisan loaves, discover
specialized Premier shapes designed to bring precision,
ease, and unmistakable beauty to the tasks you reach for
every day.
</p>
</div>
<div class="oct-grid oct-grid--3">
<!-- NAKIRI -->
<article class="oct-card">
<a href="/products/premier-nakiri-5-5">
<span class="oct-card__figure">
<img src="/media_1749825c6fa107e02f220cbe8642db28c94a777d2.jpg" alt="Shun Premier 5.5-inch Nakiri knife." width="1200" height="1200" loading="lazy">
<span class="oct-card__badge">
35% Off
</span>
</span>
<h3 class="oct-card__title">
Premier 5.5" Nakiri
</h3>
<p class="oct-card__copy">
Agile, beautifully balanced, and designed for clean,
confident vegetable preparation.
</p>
</a>
</article>
<!-- BONING & FILLET -->
<article class="oct-card">
<a href="/products/premier-boning-fillet-6">
<span class="oct-card__figure">
<img src="/media_10474c8719e9e9a05f8a27714b61db8fb1b654a95.jpg" alt="Shun Premier 6-inch Boning and Fillet Knife." width="1200" height="1200" loading="lazy">
<span class="oct-card__badge">
35% Off
</span>
</span>
<h3 class="oct-card__title">
Premier 6" Boning & Fillet Knife
</h3>
<p class="oct-card__copy">
Precise control for working around bones, trimming,
and preparing fish with confidence.
</p>
</a>
</article>
<!-- BREAD -->
<article class="oct-card">
<a href="/products/premier-bread-9">
<span class="oct-card__figure">
<img src="/media_1b0ae60d21e3c4b0e84d34043ecbbe6a2554b4c02.jpg" alt="Shun Premier 9-inch Bread Knife." width="1200" height="1200" loading="lazy">
<span class="oct-card__badge">
35% Off
</span>
</span>
<h3 class="oct-card__title">
Premier 9" Bread Knife
</h3>
<p class="oct-card__copy">
Graceful slicing power for crusty breads, tender cakes,
and other foods that call for a clean, effortless cut.
</p>
</a>
</article>
</div>
<div class="oct-grid-cta">
<a href="/categories/premier" class="oct-btn-dark">
Shop All Premier
</a>
</div>
</section>
<!-- =====================================================
MODULE 3: THE BRILLIANCE OF PREMIER
===================================================== -->
<section class="oct-container oct-section">
<div class="oct-brilliance">
<a href="/explore-premier" class="oct-brilliance__media" aria-label="Explore Shun Premier">
<img src="/media_19e94949b5730602b816d8ddabe5e5c0dfbf5d120.jpg" alt="Shun Premier knife showcasing its distinctive finish." width="1600" height="1000" loading="lazy">
</a>
<div class="oct-brilliance__copy">
<div class="oct-brilliance__inner">
<span class="oct-kicker">
The Brilliance of Premier
</span>
<h2>
Beauty That Performs
</h2>
<p>
Premier is designed to catch the eye before it ever
makes the first cut. Its distinctive hammered surface,
layered steel, graceful contours, and refined finishing
transform exceptional performance into something
equally extraordinary to behold.
</p>
<a href="/explore-premier" class="oct-btn-light">
Explore Premier
</a>
</div>
</div>
</div>
</section>
<!-- =====================================================
MODULE 4: DETAILS OF DISTINCTION
===================================================== -->
<section class="oct-container oct-section">
<div class="oct-details">
<div class="oct-details__images">
<div class="oct-details__image">
<img src="/media_1e0c77b29a3c9a87a98295db98082cc962bf3c1a2.jpg" alt="Close detail of a Shun Premier knife blade and heel." width="1400" height="900" loading="lazy">
<span class="oct-details__label">
Crafted for the Cut
</span>
</div>
<div class="oct-details__image">
<img src="/media_1e64605f30a81b747d619ffbc6ea0ac4b03451276.jpg" alt="Close detail of a Shun Premier knife handle and endcap." width="1400" height="900" loading="lazy">
<span class="oct-details__label">
Finished with Intention
</span>
</div>
</div>
<div class="oct-details__copy">
<span class="oct-kicker">
Details of Distinction
</span>
<h2>
Brilliance Is in the Details
</h2>
<p>
From the luminous character of the blade to the polished
finishing touches in the handle, Premier reflects the
care behind every Shun knife. Each element is considered
not only for how it looks, but for how beautifully the
knife feels and performs in your hand.
</p>
<div class="oct-details__action">
<a href="/categories/premier" class="oct-btn-dark">
Shop the Premier Collection
</a>
</div>
</div>
</div>
</section>
<!-- =====================================================
MODULE 5: PREMIER LIFESTYLE
===================================================== -->
<section class="oct-full oct-section">
<div class="oct-lifestyle">
<div class="oct-lifestyle__media">
<img src="/media_161a5549c9e610990fbd758fb4b3936266ff31415.jpg" alt="Shun Premier knife in a culinary setting." width="2000" height="1125" loading="lazy">
</div>
<div class="oct-lifestyle__content">
<div class="oct-lifestyle__inner">
<span class="oct-kicker">
Made for the Moment
</span>
<h2>
A Beautiful Way to Cook
</h2>
<p>
The pleasure of a remarkable knife is experienced in
every movement—the feel in your hand, the ease of the
cut, and the quiet satisfaction of preparing something
with care.
</p>
<a href="/categories/premier" class="oct-btn-light">
Discover Premier
</a>
</div>
</div>
</div>
</section>
<div class="oct-divider"></div>
<!-- =====================================================
MODULE 6: SHOP BY CATEGORY
===================================================== -->
<section class="oct-container oct-section">
<div class="oct-heading-wrap">
<h2 class="oct-heading">
Find the Right Knife for the Task
</h2>
<p class="oct-subheading">
Explore Shun by knife shape and discover the tools designed
for the way you cook.
</p>
</div>
<div class="oct-category-grid">
<!-- PARING -->
<article class="oct-card">
<a href="/categories/paring">
<span class="oct-card__figure">
<img src="/media_19aeedc609455fd55176926072d9180450e743c79.jpg" alt="Paring knife beside sliced strawberries." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Paring Knives
</h3>
<p class="oct-card__copy">
For detail work and precision.
</p>
</a>
</article>
<!-- SANTOKU -->
<article class="oct-card">
<a href="/categories/santoku">
<span class="oct-card__figure">
<img src="/media_18e29ad84cc177dd43a770607bac21b0515b8d0e0.jpg" alt="Santoku knife styled with herbs and limes." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Santoku Knives
</h3>
<p class="oct-card__copy">
A versatile favorite for daily preparation.
</p>
</a>
</article>
<!-- CHEF -->
<article class="oct-card">
<a href="/categories/chef">
<span class="oct-card__figure">
<img src="/media_11f328ed4db0eaeaa7b6942c722113a1aa6530818.jpg" alt="Chef’s knife slicing cooked meat." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Chef’s Knives
</h3>
<p class="oct-card__copy">
The all-purpose kitchen essential.
</p>
</a>
</article>
<!-- UTILITY -->
<article class="oct-card">
<a href="/categories/utility">
<span class="oct-card__figure">
<img src="/media_16215cbc0643f30a69f0226fcfc1220a33d03d8ef.jpg" alt="Utility knife styled with sliced citrus." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Utility Knives
</h3>
<p class="oct-card__copy">
For everyday slicing and preparation.
</p>
</a>
</article>
<!-- NAKIRI -->
<article class="oct-card">
<a href="/categories/nakiri">
<span class="oct-card__figure">
<img src="/media_1fe3cf8b0c7cefc01729e3a8f52c3220d47bfa77b.jpg" alt="Nakiri knife slicing vegetables." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Nakiri Knives
</h3>
<p class="oct-card__copy">
Designed for fast, clean vegetable work.
</p>
</a>
</article>
<!-- SETS -->
<article class="oct-card">
<a href="/categories/knife-sets">
<span class="oct-card__figure">
<img src="/media_12c38de2fdd729cd3be07708808509261fbdad914.jpg" alt="Shun knife block set." loading="lazy" width="620" height="620">
</span>
<h3 class="oct-card__title">
Knife Sets
</h3>
<p class="oct-card__copy">
Beautifully matched kitchen essentials.
</p>
</a>
</article>
</div>
</section>
<div class="oct-divider"></div>
<!-- =====================================================
MODULE 7: BRAND STORY
===================================================== -->
<section class="oct-container oct-section">
<div class="oct-story">
<div class="oct-story__image">
<img src="/media_15617b2c9b6844344045a5a73214847d9116d4cb3.jpg" alt="Craftsperson sharpening a knife in Japan." loading="lazy" width="960" height="960">
</div>
<div class="oct-story__panel">
<div class="oct-story__inner">
<span class="oct-kicker">
Shun Craftsmanship
</span>
<h2>
Handcrafted in Japan
</h2>
<p>
In Seki City, each Shun knife is crafted through more
than 100 steps of artistry and precision.
</p>
<a href="/about-us" class="oct-btn-dark">
Discover Our Story
</a>
</div>
</div>
</div>
</section>
<div class="oct-divider"></div>
<!-- =====================================================
MODULE 8: SERIES COMPARISON
===================================================== -->
<section class="oct-full oct-section">
<div class="oct-compare">
<img src="/media_191c83aaeb0f1b84b9940e4008fd9ee69a2d5477c.jpg" alt="Selection of Shun knives from different series." loading="lazy" width="1440" height="700">
<div class="oct-compare__copy">
<h2>
Not Sure Which Series Is Right for You?
</h2>
<p>
See how Shun series differ in style, construction, and feel.
</p>
<a href="/shun-cutlery-blog-series-comparison" class="oct-btn-outline">
Compare Shun Series
</a>
</div>
</div>
</section>
</div>